feat: add new blog

.vscode/settings.json

@@ -74,7 +74,8 @@
     "vnode",
     "vueuse",
     "Vuex",
-    "Weibo"
+    "Weibo",
+    "zoxide"
   ],
 
   "typescript.tsdk": "node_modules/typescript/lib",

content/posts/4-2023-my-mac-setup.md

@@ -1,162 +1,259 @@
 ---
 layout: content
-title: 2023 My Mac Setup
-date: 2023-04-01
+title: 2023 我的生产力工具
+date: 2023-10-16
 tag: Share
 image:
   src: /images/0-cover-my-mac-setup.webp
   alt: A cup of dirty coffee and MacBook Pro
 ---
 
+转眼间，2023 年已经逐渐接近尾声了，在这篇博客中我想分享和记录一下我的生产力工具。我使用的软件、我的开发环境、我部署的云服务……
 
-## My Mac
+## 我的硬件设施
 
-**MacBook Pro** 15-inch, 2018  32GB  macOS Ventura 13.3.1
+- 主力：MacBook Pro M2 Pro 14寸 16G
+- 键盘：HHKB Professional BT、少数派 x Keychron K3
+- 显示器：DELL U2723QE 4K、Kuycon P27UB
+- 鼠标：罗技 MX Master 3s for Mac
+- 耳机：AirPods2、索尼 WH-1000XM4
+- 音箱：HomePod mini
+- 麦克风：Blue Yeti X
+- 打印机：爱普生 L3255
 
-### 显示器
+今年升级了新的笔记本电脑（女朋友给买的，我知道你想问），新的电脑带给我最直观的感受就是凉凉的和静悄悄。我是从 Inter 芯片切换到 Apple 芯片，所以这种感受就更加强烈了。
 
-[DELL U2723QE 4K](https://www.dell.com/zh-cn/shop/%E6%88%B4%E5%B0%94-ultrasharp-27-4k-usb-c-hub-%E6%98%BE%E7%A4%BA%E5%99%A8-u2723qe/apd/210-bdzj/%E6%98%BE%E7%A4%BA%E5%99%A8) 
+我以前习惯于把笔记本电脑合上盖子外接显示屏，今年我将外接显示器作为扩展显示器后，一个屏幕查阅文档，一个屏幕分屏代码和实时预览，真的非常舒适。
 
-### 键盘
+现在非常喜欢使用自带键盘以致于 HHKB 都已经被我放在一边，键盘手感和舒适程度是一种主观感受，我没办法描述具体原因。（记得以前还说自己的 HHKB 要传当传家宝的）。
 
-- [HHKB](https://item.jd.com/100028753785.html) 
-- [少数派 x Keychron K3](https://item.jd.com/10046747991292.html)
+将自己的 DELL U2723QE 显示器给女朋友连接 Mac mini 后，购置了 Kuycon 27 寸 4k 雾面显示器，显示器效果出乎意料的满意，个人觉得性价比还是很高的。
 
-### 鼠标
+忽然发现有一种差生文具多的即视感……
 
-[罗技 MX Master 3s for Mac](https://item.jd.com/10069546296993.html)
+## macOS 系统偏好设置
 
-### 耳机
+- 外观：深色模式 (偏爱)
+- 桌面与程序坞：自动隐藏和显示、不显示最近使用、点按墙纸仅在台前调度中、在桌面上不显示小组件
+- 墙纸和屏幕保护：格陵兰大冰川（是真的好看）
+- 触控ID与密码：开启 Apple Watch 解锁
+- 互联网账户：添加谷歌邮箱和 QQ 邮箱
+- 键盘：添加常用自定义短语
+- 鼠标：安装 Logi Options+ 来控制 MX Master
+- 打印机：安装驱动后，选择打印机
 
-- [AirPods2](https://www.apple.com.cn/airpods-2nd-generation/) 
-- [索尼 WH-1000XM4](https://www.sonystyle.com.cn/products/headphone/wh_1000xm4/wh_1000xm4_b.html)
+## 我使用的软件
 
-### 麦克风
+### 离不开的 Homebrew
 
-- [Blue Yeti X](https://item.jd.com/10029577253060.html)
+**Homebrew** 是我主要使用的包管理工具，其安装和更新软件的方式更符合程序员的直觉。4.0 版本的更新也让其速度变快了，体积变小了，软件存储信息由 git 变成了 JSON API。想要了解更多可以看 [这篇文章](https://sspai.com/post/78587)。
 
-## Homebrew
+安装 Homebrew 只需在终端中运行
 
-[Homebrew](https://brew.sh/) 是我主要使用的包管理工具，最近也更新了 [4.0.0](https://brew.sh/2023/02/16/homebrew-4.0.0/) 将从 git 存储变成了 JSON API。想要了解更多可以看 [这篇文章](https://sspai.com/post/78587) 
+```bash
+/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
+```
 
-## App
+几个 Homebrew 常用的命令
 
-- [ClashX Pro](https://install.appcenter.ms/users/clashx/apps/clashx-pro/distribution_groups/public)
-- [Arc](https://arc.net/gift/609d6e6) 作为主力浏览器使用，主要原因就是好看（当然仍然会有这样那样的问题）
-- [Chrome](https://www.google.com/chrome/) 在 Arc 遇到问题的时候会打开 Chrome 看一下
-- [Safari](https://www.apple.com.cn/safari/) 看视频的时候我会用 Safari
-- [Visual Studio Code](https://code.visualstudio.com/)
-- [WebStorm](https://www.jetbrains.com/zh-cn/webstorm/)
-- [PyCharm](https://www.jetbrains.com/zh-cn/pycharm/)
-- [Warp](https://www.warp.dev/) 我主要使用的终端
-- [Raycast](https://www.raycast.com/) 快速启动器
-- [滴答清单](https://dida365.com/about/features) 我主要使用的任务规划软件，开了会员。
-- [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
-- [NetNewsWire](https://netnewswire.com/) 开源的 RSS 阅读器，配合我自己写的 [主题](https://github.com/ChangJun2019/elegant-nnw)，日常浏览。
-- [DevUtils](https://devutils.com/) 开发工具箱
-- [Discord](https://discord.com/)
-- [Spotify](https://open.spotify.com/)
-- [Telegram](https://desktop.telegram.org/)
-- [Twitter](https://twitter.com/settings/download)
-- [阿里云盘](https://www.aliyundrive.com/)
-- 爱奇艺/优酷/腾讯/芒果
-- [谜底时钟](https://www.miidii.tech/)
-- 微信
-- Docker
-- [Figma](https://www.figma.com/downloads/) 还是直接在网页里用比较多
-- [ImageOptim](https://imageoptim.com/mac) 图像压缩工具
-- [Keka](https://www.keka.io/en/) 压缩工具
-- [Microsoft 365](https://www.microsoft.com/zh-cn/microsoft-365)
-- [Moment](https://fireball.studio/moment/) 倒计时应用
-- [Obsidian](https://obsidian.md/) 知识库应用
-- [One Switch](https://fireball.studio/oneswitch/) 菜单栏的开关应用
-- [OrbStack](https://orbstack.dev/) Docker 替代品，速度更快
-- [PicGo](https://github.com/Molunerfinn/PicGo) 图片上传工具
-- [PictureView](https://wl879.github.io/apps/picview/) 图片预览工具
-- [QQ音乐](https://y.qq.com/)
-- [VLC](https://www.videolan.org/) 开源的视频播放器
-- [Xnip](https://www.xnipapp.com/) 截图工具
-- [ChatGPT](https://github.com/tw93/Pake/blob/master/README_CN.md)
+```bash
+brew update # 更新自己
+brew install chrome --cask # 安装软件
+brew outdated --greedy # 查看软件是否更新
+brew upgrade chrome # 升级软件
+brew uninstall chrome # 删除软件
+brew reinstall chrome # 重新安装
+```
 
+Homebrew 安装字体也非常方便
 
-### 浏览器
+```bash
+brew tap homebrew/cask-fonts # 添加 font 源
+brew install font-hack-nerd-font # 安装字体
+```
 
-1. [Arc](https://arc.net/gift/609d6e6)  目前主要使用的浏览器（尽管会遇到这样那样的问题），真的好看呀。自己简单搞了个 [主页](https://github.com/ChangJun2019/nuxt-arc-home)，还是更喜欢右边窗口有内容的。
-2. [Chrome](https://www.google.com/chrome/)  上面的遇到问题会尝试看看 Chrome 中有没有问题。
-3. [Safari](https://www.apple.com.cn/safari/) 看视频的时候我会用 Safari
+当你想要安装一些软件的特殊版本（例如开发版）时，你也可以 [在这里](https://github.com/Homebrew/homebrew-cask-versions/tree/master) 查找安装
 
-### 浏览器插件
+```bash
+brew tap homebrew/cask-versions # 添加特殊版本源
+brew install google-chrome-dev --cask
+```
 
-1.  [Trancy](https://www.trancy.org) 沉浸式语言学习，真的好用。
-2.  [uBlock Origin](https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm) 广告拦截
-3.  [RSSHub Radar](https://github.com/DIYgod/RSSHub-Radar) 可以更好的发现 RSS 源
-4.  [Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
-5.  [Grammarly](https://app.grammarly.com/) 拼写检查
-6.  [Bitwarden](https://bitwarden.com/) 密码管理器
-7.  [File Icons for GitHub and GitLab](https://chrome.google.com/webstore/detail/file-icons-for-github-and/ficfmibkjjnpogdcfhfokmihanoldbfe) 显示文件图标
+### 我使用的浏览器
+
+我使用 Safari 作为日常默认浏览器，使用 Chrome Dev 作为开发浏览器。在这之前我使用了很长一段时间的 Arc，想要了解更多可以查看我的另一篇博客 [2023 我在用什么浏览器](https://www.52chinaweb.com/posts/6-2023-my-browser-setup)
+
+### 我安装的软件
+
+- ClashX Pro 代理工具
+- Chrome Dev 开发版本可以测试最新的特性，作为我的开发浏览器使用
+- Safari 默认浏览器，看视频、查资料。
+- Warp 默认终端
+- Raycast 快速启动器，丰富的插件替代了我很多第三方软件。
+- Visual Studio Code 主力代码编辑器
+- WebStorm 查看大型项目（源码）使用 WebStorm
+- PyCharm Python 代码编辑器
+- 滴答清单 主要使用的任务规划软件，开通了会员，规划了我的所有任务和习惯。
+- 微信开发者工具
+- NetNewsWire 开源的 RSS 阅读器，配合我自己写的 [主题](https://github.com/ChangJun2019/elegant-nnw)，日常浏览。
+- Spotify 日常听歌、听播客
+- Telegram 跟踪各种工具动态，设置机器人自动通知。
+- 阿里云盘 主力网盘工具，使用 [Ali 云盘 Pro](https://aliyundrive.pro/auth/login) 自动每日签到。
+- 微信 日常交流工具
+- Figma 我的画图工具
+- ImageOptim 图像压缩工具
+- Keka 压缩工具
+- Microsoft 365 Office 常用工具
+- Obsidian 主力知识库应用，记笔记，写博客。
+- OrbStack 速度更快的 Docker 启动工具
+- PictureView 图片预览工具
+- Shottr 截图工具
+- Bob 最好用的 Mac 翻译工具，开通了 Pro 版本。
+- Bitwarden 我主要使用的跨平台密码管理工具
+- Draw Things 非常好用的 AI 画图工具，偶尔会尝试一下感兴趣的模型。
+- Input Source Pro 自动切换输入法软件，非常好用。
+- Klack 我最爱的软件，键盘输入提示音，输入反馈体验很好，希望再多增加一些音效。
+- Logi Options+ 罗技鼠标手势设置
+- SCIMKiller 常驻菜单栏一键可以杀死造成卡顿的中文输入法
+- Battery 管理电池健康，将电池限制在 80%
+
+可以查看我的 [Brewfile](https://github.com/ChangJun2019/my-mac-setup-config/blob/main/Brewfile)。
+
+## 我的开发环境设置
+
+### 终端设置
+
+![我的终端显示](/images/4-my-terminal-appearance.png)
+
+从 Warp 发布之后我就将其作为我的默认终端了，这个基于 Rust 的终端给我的感觉就是简洁、迅速、便利、智能。
 
-## 终端
+如果你感兴趣，可以看一下这篇文章: [Warp：是时候改变你的命令行工具了](https://sspai.com/post/79262) 
 
-![wrap appearance](https://file.52chinaweb.com/2023/04/wrap-mac-setup.png)
+通过 Oh My ZSH 管理 zsh 的插件，Starship 来做自定义提示。
 
-### Wrap + oh my zsh
+在 Warp 中使用 Starship 会有一些兼容 [问题](https://docs.warp.dev/features/prompt#starship) ，如果你想跟我拥有一样的设置，可以这样做。
 
-我使用 [Wrap](https://www.warp.dev/) 作为我的 terminal。我应该是最早就开始使用了吧，这个基于 Rust 的 terminal 给我的感觉就是简洁、迅速、便利。
+```bash
+# 安装 starship
+brew install starship
+```
 
-如果你感兴趣，可以看一下这篇文章: [Warp：是时候改变你的命令行工具了](https://sspai.com/post/79262) 
+安装成功之后，配置 `.zshrc` 文件
+
+```bash
+# starship setup shell
+eval "$(starship init zsh)"
+
+# fix warp terminal 
+if [[ $TERM_PROGRAM == "WarpTerminal" ]]; then
+export STARSHIP_CONFIG=/Users/xx/.config/warp_starship.toml
+fi
+# starship end
+```
+
+当终端是 Warp 时候，设置 starship 的配置文件路径。因此需要在 `.config` 目录中创建 `warp_starship.toml` 配置文件。
+
+```bash
+"$schema" = 'https://starship.rs/config-schema.json'
+
+[line_break]
+disabled = true
+```
 
-[oh my zsh](https://github.com/ohmyzsh/ohmyzsh) 默认不开启主题，plugins 开启 git，使用 alias 可以非常好的提升效率！
+你可以 [在这里](https://github.com/ChangJun2019/my-mac-setup-config/blob/main/warp_starship.toml) 查看我的完整配置，你也可以查看 Starship 的官方文档来自定义修改配置。
 
-## 命令行工具
+打开 Warp 设置，在 Appearance 中将 Prompt 修改成 PS1。
 
-- [zoxide](https://github.com/ajeetdsouza/zoxide) Rust 编写的自动跳转目录工具
-- [onefetch](https://github.com/o2sh/onefetch) Rust 编写的命令行 git 信息工具
-- [exa](https://github.com/ogham/exa) Rust 编写的更好的 'ls' 工具
+### 我使用的命令行工具
 
-## 个人偏好
+- caddy 默认使用 HTTPS 的 Web 服务器
+- commitizen Git commit 工具
+- eza 基于 Rust ls 替代
+- fd 基于 Rust find 替代
+- neofetch 命令行系统信息工具
+- onefetch 命令行 Git 信息工具
+- zoxide 命令行 jump 工具
+- ni 前端工具，使用正确（npm | yarn | pnpm | bun）包管理工具，简化命令
+- taze 前端工具，升级依赖
+- bumpp 前端工具，升级项目版本号
 
-阅读字体： [霞鹜文楷](https://github.com/lxgw/LxgwWenKai)  阅读类的软件（例如 Obsidian）我都会设置成这个字体，真的很好看！
+### 前端开发环境
 
-代码字体： [JetBrains Mono](https://www.jetbrains.com/lp/mono/) 终端、代码编辑器我都会用这个字体，也尝试过一些其他字体，最终还是觉着这个最好。
+使用 fnm 管理 NodeJS 版本
 
-深色模式偏好！
+```bash
+brew install fnm
+eval "$(fnm env --use-on-cd)" # add to .zshrc
+fnm list-remote # 查看所有的 Node 版本
+fnm list # 查看当前系统安装的 Node 版本
+fnm install v21.0.0 # 安装指定版本 Node
+fnm uninstall v21.0.0 # 卸载指定版本
+fnm use v21.0.0 # 使用指定版本
+fnm default v21.0.0 # 设置默认 Node 版本
+```
+
+通过 corepack 安装 pnpm
+
+```bash
+corepack enable
+corepack prepare pnpm@latest --activate
+```
 
+![我的 vscode 外观](/images/4-vscode-appearance.png)
 
-## Visual Studio Code
+使用 Visual Studio Code 和 WebStorm 作为代码编辑器。可以 [在这里](https://github.com/ChangJun2019/my-mac-setup-config/tree/main/.vscode) 查看我的 vscode 扩展和设置。
 
-![](https://file.52chinaweb.com/2023/04/2023-my-mac-setup-vscode.png)
+### Python 环境设置
 
-### 插件
+[pyenv](https://github.com/pyenv/pyenv#homebrew-in-macos) 是一个 Python 版本管理工具，[pyenv-virtualenv](https://github.com/pyenv/pyenv-virtualenv#installing-with-homebrew-for-macos-users)  是一个用于管理虚拟环境的 pyenv 插件。
 
-- [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)
-- [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv)
-- [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
-- [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
-- [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)
-- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
-- [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)
-- [Moonlight](https://marketplace.visualstudio.com/items?itemName=atomiks.moonlight) 我用的主题 选择 Moonlight ||
-- [Pinceau](https://marketplace.visualstudio.com/items?itemName=yaelguilloux.pinceau-vscode)
-- [Prisma](https://marketplace.visualstudio.com/items?itemName=Prisma.prisma)
-- [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)
-- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin)
-- [UnoCSS](https://marketplace.visualstudio.com/items?itemName=antfu.unocss)
-- [Vitest](https://marketplace.visualstudio.com/items?itemName=ZixuanChen.vitest-explorer)
-- [Vue Language Features (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
-- [WakaTime](https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime)
-- [WindiCSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=voorjaar.windicss-intellisense)
+通过 Homebrew 安装 pyenv 和 pyenv-virtualenv
 
-### 设置
+```bash
+brew install pyenv
 
-```json
-{
-  "workbench.productIconTheme": "icons-carbon",
-  "workbench.iconTheme": "file-icons",
-  "workbench.colorTheme": "Moonlight II",
-  "editor.fontFamily": "JetBrains Mono, Input Mono, Fira Code, monospace",
-  "editor.fontLigatures": false,
-  "editor.fontSize": 16,
-  "editor.lineHeight": 28,
-  "workbench.sideBar.location": "right"
-}
+# add ~/.zshrc
+# pyenv
+export PYENV_ROOT="$HOME/.pyenv"
+command -v pyenv >/dev/null || export PATH="$PYENV_ROOT/bin:$PATH"
+eval "$(pyenv init -)"
+# pyenv end
+
+brew install pyenv-virtualenv
+eval "$(pyenv virtualenv-init -)" # add ~/.zshrc
+```
+pyenv 和 pyenv-virtualenv 常用命令
+
+```bash
+# install the specified version
+pyenv install 3.12.0
+# view all current versions
+pyenv versions
+# set version global
+pyenv global 3.12.0
+# view help
+pyenv -h
+
+# create a virtualenv from the current version
+pyenv virtualenv ven312
+# activate ven
+pyenv activate ven312
 ```
+
+## 我使用的云服务器
+
+我有一台 4 核 4GB 的腾讯云轻量应用服务器，在这台服务器上我主要部署了：
+
+- Nginx Proxy Manager 负责我的服务反向代理以及 HTTPS
+- wakapi 兼容 WakaTime 代码统计服务
+- Umami 网站统计
+- excalidraw 白板画图工具
+- Directus 数据管理系统
+- Uptime Kuma 服务监控
+
+## 总结
+
+在这篇博客中我主要介绍了我的生产力工具，我使用的软件、我的开发环境设置和我部署的云服务。对于我自己而言，我非常喜欢折腾这些工具。「工欲善其事，必先利其器」。非常感谢那些优秀的软件开发人员，感谢开源世界，因为他们的存在，才会有这么棒的生产力工具。
+
+
+

layouts/content.vue

@@ -12,7 +12,7 @@
         </UButton>
 
         <p class="c-text-muted">
-          🌟 如果觉着这篇内容对你有所帮助，可以去 <a href="/sponsors" target="_blank">投喂</a> 旺仔和 Max 一点好吃（🍗🥩）的，他们一定会很开心的。
+          🌟 如果觉着这篇内容对你有所帮助，可以去 <a href="/sponsors" target="_blank">投喂</a> 旺仔和 Max 一点零食（🍗🥩），他们一定会很开心的。
         </p>
       </main>
       <Footer />