第 26 话
date
May 22, 2023
tags
summary
type
Post
status
Published
slug
series-26
broz 启动无边框的浏览器，方便截图
`npx broz bento.me/duzhi` 启用一个定制成无框的 Electron 实例来打开网站，这样给网站截图时就更干净
Headroom.js 向下滚动页面时隐藏顶部导航条
在向下滚动阅读文字时，隐藏掉网站的导航栏，让阅读体验更沉浸
Tremor – The React library to build dashboards fast
UseAnimations 微动效的 Icon 库
个人很喜欢这种微动效，在跟页面元素交互时会更生动有趣
新壁纸：Mac OS X Rancho Cucamonga — Basic Apple Guy
Raycast Wallpapers
部署 PocketBase
市面上的 CMS 往往功能都很复杂，我其实只需要一个简单的管理后台，可以动态添加 Table 和 Column，然后有 REST API 可以供前端使用就行了。这样如果要创建一个新的服务（比如 Music），只要在后台新建一个 Table 和相关的 Column（如 Singer, Album, Duration 等等），然后添加相关的内容就行了。而 PocketBase 完美符合需求，而且还是 Single Binary。
不熟悉 Nginx 的配置，使用 Nginx Proxy Manager 来配置反向代理
过程中由于 Oracel Cloud 的 VPS 的防火墙导致公网无法访问，检查服务器安全组、本机防火墙。最后 StackOverflow 这个帖子 帮我解决了问题。由于 UFW 没能正常工作，所以要去配置 iptables 规则
使用 Cloudinary 做图床
免费版 25GB 存储，25GB 流量/月，25000次图片转换/月。再配置好 uPic 和 Mweb 的 定义图床功能，在 MacOS 上快速的往图床上传图片
cz-git
交互比较好的一款 Git Message 命令行工具，可以少打字、懒得打字 🙈
aicommits:
使用 AI 编写 Git Message
笔记工具从 MWeb 到 Obsidian
都是基于本地 Markdown 文件的工具，迁移起来没什么成本。稍微配置了一下就对 Obsidian 有点爱不释手，尤其喜欢它界面基本啥都可以自定义。当然笔记工具还是不要太折腾，专注于写内容，帮助自己思考
推荐两个插件（感觉会用得到）： - Open in VSCode - Periodic Notes
jspaint: 🎨 在浏览器中运行的微软画图本
ID Software 开挂的天才公司
嵌入 B 站视频链接会自动播放，所以就放封面和链接了
拿到 CSS for JavaScript Developers 的证书
感谢 Josh，他的这个课程帮我建立了完整的 CSS 心智模型