背景最近使用了 ZenFS 在浏览器中模拟文件系统，以在浏览器中像使用 node fs api 一样存储一些文件。但想要可视化的检查当前存储的文件时，却没有一个可以直观的工具来完成。所以就创建了一个 Chrome Devtools Extension ZenFS Viewer，以实现这个目标。在此过程中就遇到了如何传递 ArrayBuffer 从网页到 devtools panel 线程的问题，一

场景换了 m2 macbook，作为一个 windows 长期使用者，截止目前为止遇到了很多问题和疑惑，有些解决了，有些目前仍未找到解决方法，在此记录和分享。 另外还写过两篇关于 Windows 的 Windows 上的工具清单 Windows 使用技巧 系统如何添加字体之前日常的字体为更纱黑体，它并不出色，但主要优势是以统一的风格支持简繁日英四种语言。基本步骤和 windows 类似，下

场景之前发布 Chrome 扩展到 Chrome WebStore 时，WebStore 要求提供几张截图，而且必须是 1280x800 或者 640x400，而如果想要手动调整窗口大小为特定尺寸的话，会非常痛苦。所以一直想找到一种方法可以快速调整窗口尺寸到指定的大小。之前尝试过 AppleScript，甚至想过开发一个 Mac 原生应用来解决，但都遇到了一些问题（主要是权限问题），直到昨天看到一

前言最近为 Chrome 开发了可以直接在浏览器运行 TypeScript 的插件 TypeScript Console，需要将代码编辑器集成到 Chrome Devtools 面板。其实要在 Web 中引入代码编辑器也是类似的，下面分享一下如何实现。 实现首先来看看有什么问题 代码编辑器选择什么？ 如何在浏览器编译和运行代码？ 如何使用 npm 包呢？ 使用 npm 包怎么有类型定义提示？

自从九月初从广州出发继续北上旅行，刚好躲过了一次台风摩羯。虽然旅行仍然能带来一些新鲜感，但或多或少已经有些不足了，所以在江浙连续碰上两次台风之后，九月下旬便匆匆赶回来了。 衡山第一站去往了衡山，之前前往山东时没能爬上泰山，这次顺路去爬下衡山。刚到衡山就被出租车上了一课，滴滴叫了车但司机实收很低线下想让吾辈额外付费，之前在广西阳朔、后面在江苏镇江都遇到过类似的糟心事，也许越是小地方越是不讲规则？

漫长的暑假终于结束，可以继续出门旅行了。这周先去了附近的海陵岛，虽然一直素有坑人的水鱼岛之称，不过吾辈还是来玩了三天。 路线: 大角湾 => 大角湾夜滩 => 北洛秘境（沙滩）=> 马尾岛 => 滨海栈道 => 观海楼 => 十里银滩 大角湾刚到这里住在了大角湾，据说是岛上最方便的地方。来的时候已经是下午，便在附近走了走，把一块海滩围起来收费并且规定只允许在那

背景Poe 是一个 AI 聊天机器人，它支持多种 AI 模型，包括 GPT-4o、Claude 3.5 Sonnet、Gemini Pro 等。还支持各种类型的 Bot，其中 Server Bot 是最自由的，可以自己编写 Bot 的逻辑。但是，Poe 的 Server Bot 官方仅支持 Python，而吾辈更喜欢 JavaScript，所以研究了一下怎么实现。 初始化项目一开始使用 expre

背景最近使用 WXT 创建 Chrome 扩展 Google Search Console - Bulk Index Cleaner，实现时使用了 shadui/cn 作为 UI 组件库，同时在 Content Script 中使用了 Shadow DOM 以隔离 CSS，因此发现了一些弹窗相关组件的问题。 为什么是 Shadow DOM正常情况下，使用 Chrome 扩展向网页中注入 UI 时，

场景现在无论是创建什么东西，都需要一个图标。吾辈尝试过的有 PC/Mobile 应用、VSCode/Chrome 插件、甚至各种开发者相关的库或者工具。而作为没有太多绘画能力的开发者，ChatGPT 内置集成的 DALL·E 非常好用，可以用来生成需要的图片，即便存在道德限制 – 但这不是这里要讨论的问题，它也不会影响创建需要的图标。 使用 ChatGPT 生成 目前，只有订阅了 ChatGPT

背景Twitter 卡片可以让人在 Twitter 上分享链接时展示更丰富的内容，它不仅可以显示网页的标题、描述、图片等信息，还能让分享的链接更加有趣，也更容易引起别人的注意。像是这样 近日，吾辈开发了一个名为 GitHub Critic 的小工具，用于分析 GitHub 用户并提供建设性的有趣的批评建议。这个项目的灵感来自于推友宝玉的一条推文。在将这个工具分享到 Twitter 后，吾辈意识到

记录一些最常用的命令（从上往下使用频率依次降低），当然，这里只是吾辈个人的，其他功能可能暂时还没用到呢 详细的 git 相关知识强烈推荐 Pro Git 基本命令 关键词 命令格式 命令解释 命令示例 init git init 为当前目录初始化 git 本地仓库 add git add [要追踪的文件/路径] 添加到 git 跟踪 git add -A commit gi

五一假期一直在广州的朋友家中休息，中间也出去见了几个朋友，但并未真的出去玩。正是因为上次清明节在泰山的惨痛经历，让吾辈明白要避开节假日人流的道理。 桂林五一假期刚刚结束，吾辈就前往桂林。早就听闻桂林山水甲天下，来到之后风景确实还不错，但也遇到一些糟心的事，暂且按下不表。 桂林是一座绿化程度很高的城市，一些街拍感觉还不错。 但将镜头拉近，可以看到一些建筑已是残旧不堪，本应在墙体内的红砖直接裸露在