🌿 留心 · 很高兴你路过这里#

「风过留痕，雁过留声。」

我一直有个毛病：折腾过的东西，过两个月就只剩一句”我好像弄过这个”。装了什么、踩了什么坑、当初为什么这么改——全忘了。

于是就有了这个地方。它不是作品集，更像一张工作台：踩过的坑、改坏又改好的代码、看别人站点觉得妙就拆过来魔改的记录，都堆在这儿。

你能翻到这里真好，茶就不泡了，随便看看。

👋 Intro#

「折腾本身没有意义，留下的记录才有。」

我是 Watch Your Back，一个常驻 Windows 的开发者。工作日在需求和技术方案之间反复横跳，下了班就钻进自己的一堆自托管服务里。

🖥️ 日常栖息地：Windows 11 + 一堆自己写的顺手工具（AHK 启动器、桌面效率箱、浏览器扩展），能自己掌控的绝不假手云端
🌐 自托管爱好者：手上跑着一串 142588.xyz 的子域——本站的评论后端、访问统计、图床、个人主页门户，都自己搭
🔧 折腾流派：看到好的设计就拆、复刻、再魔改成自己的样子。本站大半功能都诞生于这条路径（下文 Credits 里能看到出处）
✍️ 写作取向：偏技术复盘与魔改记录，主要写给”三个月后又忘了当初为什么这么写的自己”
📮 有事找我：邮箱 · GitHub · Gitee · BiliBili

✍️ Words#

为什么开始写？#

老实说，一开始没那么高尚——纯粹是被同一个坑绊了两次，气得想把过程写下来。

后来发现写作本身会反过来校准折腾：为了讲清楚”为什么要这么改”，我得先想明白投入产出比；为了让文章里的步骤能复现，我得把手里的操作整理成可执行的样子。很多魔改写到一半我就发现，自己之前的做法是错的。

所以这里的文章大致两类：一种是踩坑后的复盘，一种是把别人站点上喜欢的东西拆开重装的过程。后者通常更啰嗦，但也更有意思。

这里都写些什么？#

截至目前，文章按三个系列归档（点系列名可以直接跳到归档页筛选）：

系列	篇数	这里装着什么
博客魔改	20	本站的建设史：距离卡片、bento 友链墙、自建评论、悬浮工具栏……每一处魔改的实现细节与思路，也是内容最多、最成体系的一个系列
技术茶谈	14	泡杯茶慢慢聊的技术话题：Windows 折腾记录、工具链踩坑、网络与备份实践——不拘主题，聊透为止
抛砖引玉	3	观点与杂谈：效率方法、生活方式、影评——扔一块砖出来，期待换回你的玉

除了按类目归档，还有几个值得一说的小机制：

Now 页 —— 有些随手记的东西不想上首页打扰人，就标了 hidden: true：它们会从首页时间线和 RSS 里消失，但仍然出现在归档和 Now 页里。48 小时内有更新时，导航栏的 Now 旁边会亮一颗 *，过期自动熄灭。
友链 —— 不是传统的列表，而是一面自发排列的 bento 卡片墙，卡片大小由布局算法按容器宽度实时计算。

关于 AI 参与写作#

「让工具成为工具，让你成为你。」

本站文章若使用 AI 辅助，会在文中显眼处声明参与范围与方式，内容均经本人校对、观点代表本人。就这篇关于页而言：结构与事实由本人提供，文字由 AI 协助润色成稿。

🗓️ Events#

2026-03-11 本站上线，基于 Fuwari 主题（Astro + Tailwind CSS）。
2026-09-12 评论系统重建：原 Giscus 方案依赖的 GitHub 仓库随账号风控 404，历史评论一并丢失；改为自建 Cloudflare Workers + D1 后端，数据回到自己手里，现已支持引用回复与级联删除。
2026-09-12 友链页 bento 化：参考 lapis.cafe 的布局思路，移植并实现了一套 TS 版的 bento 排布算法，附带可一键复制的申请区块。
2026-09-12 归档页统计卡片：在归档页顶部加入实时跳动的进度数据——今年和今天已经过去百分之多少（保留六位小数，肉眼可见地滚）。
2026-09-12 侧边栏距离卡片：用 Cloudflare 边缘的访客地理数据做定位，零外部依赖算出访客到本站的距离。
2026-09-12 Now 页与 hidden 机制：受 Jant 启发，把”发布门槛”降到最低——想写就发，不想上首页就不上。
2026-09-12 一批交互魔改：右侧悬浮工具栏（回到顶部 / 目录抽屉 / 评论跳转）、文章标题溢出滚动、摘要悬停浮层、长代码块限高滚动、文章外链新窗口打开。
2026-09-12 MD 渲染增强：补上 ANSI 转义序列彩色渲染，并把散落的 Markdown 用法整理成一篇「样式陈列」。
2026-09-13 归档页轻量化：顶部只保留 GitHub 风格的更新热力图（时间窗从建站日算起），年 / 日进度条挪到页脚，统计数字压成一行。
2026-09-13 日期重排：按真实建站时间 2026-03-11 重新铺排全部文章的发布日期，热力图不再半屏空白。
……

🙏 Credits#

一个博客站通常是站在好几个人的肩膀上，这里列一下主要的：

主题 - Fuwari（built with Astro & Tailwind CSS），以及它自带的 Expressive Code 代码渲染
友链页灵感 - lapis.cafe（时歌的博客），bento 布局算法为 TS 化移植，配色与申请区块由本站重做
Now 页理念 - Jant（Owen Young），关于”降低发布摩擦”的那套思路
MD 样式陈列 - 伏枥之间那种”叙事外壳兼作语法陈列”的写法
评论 / 统计后端 - Cloudflare Workers + D1，完全自建，数据在自己账号里
托管与构建 - Cloudflare Pages（全球边缘网络）+ GitHub Actions 自动构建部署
图标 - Iconify + Font Awesome（Gitee 图标为本地补齐）
字体 - Roboto（正文）· JetBrains Mono（代码），均通过 @fontsource 本地自托管
内容协议 - CC BY-NC-SA 4.0：转载与修改允许，需署名并以相同协议共享，禁止商业用途

📌 To-Dos#

✍️ 给本站加短内容类型（Note / Link / Quote）——Jant 的另一半，解决”看到一个好链接也值得发”的场景
📃 做一个「光影」摄影页 / 「藏阁」书影音页，接一下外部数据源
🧩 文章封面逐步本地化，摆脱对公网图床加载速度的依赖
💡 或者你有什么好想法？直接在下面留个言聊聊看 👇

谢谢你看到这里。

如果这些记录里有哪怕一条帮你省下了一次重复踩坑，这个站点就没白折腾。

✎ · 最后更新于 2026 年 9 月 12 日