2026-04-18 20:29:46

分享一下笔者的 Mac 装机必备软件 ​

碎碎念...

本周上班干活的时候，笔记本屏幕直接黑了 GG。最开始我还以为是没电了，结果插上电，重启大法试了一下，屏幕也就只会亮1s。

不过外接显示器能正常用，庆幸核心没搞坏，那 8 成是屏幕相关的问题了，就拿去维修（2周左右要），换了一台旧电脑临时用一下。（公司电脑 💻 (#^.^#)）

又得从头来一遍"装机"，趁此机会搞个清单，下次就不用对着旧电脑搞了。

看合集直接划到最后😋

装机必备 ​

1. Itsycal ​

状态栏 日历/时间 小组件。平时排期就拿这个看时间。

还有复古的整点报时。

2. Bartender ​

状态栏图标管理工具。

Mac 软件装多了，顶部状态栏里 各种杂七杂八的软件图标，有些不会用到，但占用着很烦。

用这个能方便的管理哪些展示哪些不展示。

都给我去装上 (^▽^)！

3. Snipaste ​

简单但强大的截图工具，用了都说好!

支持剪贴板内容转图，截图钉在屏幕上，截图历史回溯，这几个我最常用的功能，。

4. Alfred ​

比较老牌的一个聚合工具平台。

笔者主要就用它内置的 剪贴板 功能，足够简洁，切性能比试用过的其它的专门的剪贴板软件要好。

5. Arc ​

Arc 浏览器，用习惯了非常方便，支持多端数据同步（不支持插件），支持多身份的设计。竖向的标签排列。

只可惜主创团队，现在不更新功能了，只更新 Chrome 内核版本，转向 Dia 的 AI 浏览器了

不过同事推荐说公司出的这个 AI浏览器也挺好用 Tabbit 浏览器，感兴趣的可以试试

6. BetterDisplay ​

调节显示器亮度，分辨率等非常方便。

7. Tencent Lemon ​

日常拿来清理一下垃圾。不然过几天 500G 的盘又满了。

办公搭子 ​

1. BongoCat ​

”可爱互动的桌面宠物应用“，基于 Tauri 制作，支持三端！

鼠标和键盘的动作，猫猫都会同步。

赶紧装上，敲键盘又多了一点乐趣

2. HealthTick ​

久坐提醒工具。

3. Shui ​

全屏展示的提醒喝水的软件！。

上班安排起来，给尿喝清亮！

4. drawio ​

画图神器，工作中拿来画流程图架构图必备。

5. Kap ​

录屏软件，支持导出多种常用格式，支持基础的编辑。

使用起来非常方便，软件也是开源github:kap的。

6. Easydict ​

聚合翻译软件，速度也快，支持快捷唤起。

开发相关 ​

1. Warp ​

强大又美观的终端工具，内置 AI 能力集成！

相较于传统的终端工具，其更加智能，编辑指令也非常方便。

2. Kiro CLI ​

笔者主要用这个终端输入提示的功能。

这个功能最早是在 Fig 里，后来被亚马逊收购了。

3. EasyDevo ​

Mac垃圾清理 & 系统监控软件，开发者友好。

系统监控	node_modules 清理	项目统计

4. uTools ​

聚合工具平台，笔者主要装了一些开发相关的插件。

5. Whistle Client ​

代理调试抓包工具！

6. IDE ​

笔者就常用 TRAE 和 Cursor，自打AI大爆发以来，VS Code 直接不装了。

终端指令 ​

1. fnm ​

Node 版本管理工具！

2. zoxide ​

快速切换目录的工具！

3. yrm ​

npm 镜像源管理。

yrm ls

* npm ---- https://registry.npmjs.org/
  cnpm --- http://r.cnpmjs.org/
  taobao - https://registry.npmmirror.com/
  nj ----- https://registry.nodejitsu.com/
  rednpm - http://registry.mirror.cqupt.edu.cn/
  npmMirror  https://skimdb.npmjs.com/registry/
  edunpm - http://registry.enpmjs.org/
  yarn --- https://registry.yarnpkg.com

4. ni ​

npm i -g @antfu/ni

常用的 ni 装依赖，nr 运行 npm 指令。

5. killport ​

使用 killport 可以一步到位，直接杀死占用端口的进程

其它推荐 ​

1. Marta ​

文件管理软件，可以拿来替代系统默认的 Finder。支持双栏展示，移动和整理文件的时候也比较方便。

2. LocalSend ​

多设备之间相互传输文件。足够简单且好用。

汇总 ​

2026-04-18 15:50:17

🚀 VitePress 插件开发计划 ​

前言 ​

主题在近几年集成了非常的多功能了，如 通知消息，公告，评论，图片预览，阅读时间分析 等等基础功能，有许多的用户反馈说能不能把这些能力独立成插件，以便于集成进现有的文档站中。

当然我自己也一直有这个想法，于是便有了这个文章来记录一下这个过程，同时抛出&探讨一些问题。

现有的一些问题 ​

1. 生态缺少一个官方维护的 awesome-vitepress 来聚合 VitePress 相关的周边。
2. VitePress 本身并不提供插件机制去拓展各个部分，提供的是一套主题方案（重写布局+通用插槽），编写插件需按 Vite 的插件机制去实现。
3. 主题有部分功能 和 element-ui 绑定在一起，拆分的时候部分需要考虑再手写一遍。

计划 ✅ ​

3 步走：

1. 摸索出 VitePress 在 Vite 的插件机制下提供的上下文，看看哪些口子可以用来做拓展。
2. 以全局公告/文章评论/图片预览3个场景的插件的开发入手，整理出较通用的 VitePress 插件开发实践方案。
3. 逐步拆分博客主题中的通用能力为独立插件。

通用插件开发方案 ​

插件开发模板：vitepress-plugin-slot-inject-template：适用基于默认 Layout 拓展的场景

原理见：插件模板介绍

已拆分插件 ​

vitepress-plugin-pagefind ​

• 基于 pagefind 提供离线化的全文搜索功能。

vitepress-plugin-rss ​

• 基于 feed 提供 RSS 订阅链接生成功能。

vitepress-plugin-51la ​

• 提供一键接入 51.LA 网站数据统计分析的功能。

vitepress-plugin-announcement ​

• 提供全局公告窗口。

vitepress-plugin-giscus ​

• 基于 giscus 提供文章评论功能。

vitepress-plugin-image-preview ​

VitePress 图片预览插件，样式参考 Element Plus Image Viewer。

vitepress-plugin-artalk ​

• 基于 Artalk 提供文章评论功能。

vitepress-plugin-back-to-top ​

• 提供回到顶部按钮功能。

规划中的插件 ​

• 标签页
• 文章时间轴
• 代码块折叠
• OhMyLive2D
• 文章底部投币
• 短链
• 文章右下二维码分享
• ...

最后 ​

如果读者有其它建议或者想法可以私信或评论区交流。

2026-04-12 15:46:25

视野修炼第129期 | 上一次古法编程是什么时候 ​

恢复更新(#^.^#)

欢迎来到第 129 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

🔥强烈推荐 ​

1. 杀死那个写代码的人 ​

非常赞同作者的观点👍🏻。

代码正在从「需要理解的对象」，变成「只要结果正确即可接受的黑盒」。

• “昨天”：古法写代码过程中，有自己的思考，有debug过程，有发现并解决后的乐趣。
• “今天”：
  • chat 为主，帮我实现/解决 xxxx，过去可能手写几个小时的工作量， AI 几十秒就能实现，我们只需要验收符不符合预期。
  • 起初还会 Review 一下，到后来 AI 生成的又多又快，只要功能没问题，代码就直接往上推。
• ”明天“：全链路用 AI 重新塑造，写代码已经是最简单的事了，需要的是新的需求，新的点子，系统要变得 AI 友好。

2. 插件离线安装包获取 ​

这个很不错，现在不用 VS Code，但用 Trae 和 Cursor 时总有些插件由于源的问题，无法搜索到，通过这个可以下载离线包自己导入。

比如我比较喜欢的代码渐变色插件 bread-jam。

当然还支持 Chrome 扩展和 Docker 镜像的离线安装包的获取

3. Harness Engineering是什么？ ​

@小白debug视频☕️，主要方便理解概念，不包含实操。

循序渐进的从 Prompt Engineering 讲到 Harness Engineering。

只要不属于大模型部分，大多数属于 Harness Engineering。

存量程序员：像工程化开发代码一样，编写“工程化的提示词”。

🔧开源工具&技术资讯 ​

4. SSGOI - Native 过度效果 ​

在网页上实现 APP 原生开发的过度效果。

挺惊艳的，实现 APP 原生开发的过度效果，让基于 Webview 的APP 更像 Native APP。

5. boneyard-js - 自动骨架屏 ​

自动生成骨架屏，使用简单，支持多种类型框架。

<script setup>
import Skeleton from 'boneyard-js/vue'
import './bones/registry'

const loading = ref(true)
</script>

<template>
  <Skeleton name="card" :loading="loading">
    <Card />
  </Skeleton>
</template>

6. gitlogue - 动画展示 Git 提交历史 ​

动画展示 Git 提交历史，编码的过程可以回放出来。

7. gh-space-shooter - 贡献图转为射击小游戏 ​

8. Tunelo - 穿透工具 ​

内网穿透工具，将本地内容暴露给公网 — —本地端口、文件、目录。

tunelo port 1420
2026-04-11T12:15:12.936048Z  INFO tunelo::tunnel: connected relay=tunelo.net:4433

  Tunnel is ready.

  Public URL:  https://low-insurance-5274.tunelo.net
  Forwarding:  http://localhost:1420

不过速度有点慢 😋。

🤖AI工具&资讯 ​

9. 图解演示 CC 工作流程 ​

根绝泄露的 CC 源码生成。

10. Open Agent SDK ​

基于 Claude Code 源码实现的 claude-agent-sdk 的开源替代品，用于 AI Agent 的开发，完全兼容原始接口，不依赖本地 cli 进程。

有很完整的示例代码，方便开发个人的 Agent。

⭐️强力推荐关注 ​

周刊部分内容来源如下渠道，推荐大家关注。

• 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
• 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
• frontendfoc - 🚀 Frontend Focus
• JavaScript Weekly - A newsletter of JavaScript articles, news and cool projects
• nodejs Weekly - A free, once–weekly e-mail round-up of Node.js news and articles.

2026-02-14 14:23:30

🧧 红包封面来了 ​

共 6000 个封面，今年制作了2款供大家选择，希望大家喜欢！

微信打开这个链接 或者微信扫码领取

马上暴富 ​

马上大吉 ​

2026-02-08 05:00:00

2025年度总结 ​

今年是非常跌宕起伏的一年，身体健康情况比较糟糕，刚过完年就生病，治疗贯穿了一整年。

不过最难的坎儿是迈过去了，说是涅槃重生也不为过，很幸运此刻还能在屏幕前码字。

健康 ​

2月突发了主动脉夹层，除了要首要治疗的主动脉问题，还引发了一系列的并发症需要治疗。

在 4 家不同的医院，累计住了 7 次院，小半年的时间都呆在医院里了😱。

做了 2 次介入 + 胸腹主动脉置换才算彻底把夹层导致的血管问题处理完。

希望在新的一年里能够健健康康的，回归正常的生活节奏。

工作 ​

由于健康问题，今年休假的时间比较多，工作是断断续续的，因此更多是负责一些重要不紧急的内容。

主要是 C 端访问链路 相关的优化和周边建设的工作。

写作 ​

杂七杂八一共输出 20 来篇，其中 13 篇是技术周刊。

周刊内容一直是古法自己搜集并体验整理的，比较费时间，今年空闲时间比较少，输出整理就少了。

相比前的量是少了很多嘿嘿，技术干货也比较少。

大概数据如下

红包封面还在制作中！

AI 给我的冲击也是非常大的，遇到的很多问题通过 AI 直接解决了，搜素引擎使用的频率大大下降，就没有过多的沉淀成文章了，下次遇到 AI 也自然而然的能解决。

明年计划多涉猎一些 AI 相关的内容去做输出了，以免落后于时代成炮灰咯😄，AI 一周一个样。

开源 ​

除了维护老项目，今年还开了一些新坑，不过与以往不同，新项目都是 AI 重度参与的。

写开源也是码代码最愉快的时候，随心所欲。

VitePress 博客主题 @sugarat/theme ​

持续维护的一个老项目

25 年一共发了 9 个版本，仍然是今年投入比较多的一个项目。

image-uploader - 动态图片下发 ​

固定图片链接，按需更换图片内容

我主要拿来上传微信群二维码，每周更新 1 次。

md-qrlink - 标题外链转二维码 ​

主要用在文章分发到公众号平台时的格式转换，将外链生成一个对应的二维码，方便阅读跳转。

echo-trails - 记忆的回响 ​

私人的相册APP，最初主要用来保存一下多个手机里的照片，将其同步到云端，同时也可以多设备共享管理与查看。

除了核心的图片功能，还添加了一些家庭日常用的小工具，静态资源存储使用的缤纷云，免费额度很高（50GB/月），达到收费后资费也非常便宜。

搞的第一个比较规矩的APP，之前都是做纯 Web，在手机上体验不是特别友好，因此尝鲜了一些新技术，结合 Native 开发，使端上有更好的体验。

这个项目后续也会持续打磨，边学新东西边往里加（AI 仍是开发主力👍🏻）。

最后 ​

“真刻骨铭心”的一年，最值得关注的还是健康，只有健康的体魄才能做自己想做的事。

希望新的一年能够平平安安，稳稳当当的度过。

Next ​

坚持写作，保持长期学习&分享的习惯，乐观积极的生活。

祝大家🐴年大吉，心有所悦，万事皆可成。

2026-02-07 21:12:09

心得总结 ​

目录 ​

• 2025年度总结
• 2024年度总结 - 🕊
• 2023年度总结
• 2022年度总结
• 2021年度总结
• 2020年度总结
• 2020前端春招经验分享
• 前端备战之计算机网络
• 前端备战之操作系统
• 如何编写一份好的互联网校招简历
• 互联网校招相关名词