Subspace Builder 系列

我想要一个完全属于自己、能串联公开工作笔记的地方。串联式时间线条目让 Subspace Builder 用 Markdown、用 Git，按工作实际发生的顺序记录进展。

从 v1.13.0 到 v1.20.0，Subspace Builder 增加了草稿预览、随主题变化的代码片段、Docker 工作流、精心编排的系列页面、首页分页和笔记。

回顾接连发布的三个版本：标签中心、焕新的导航，以及由数据驱动的项目页面，共同改变了 Subspace Builder。

很长一段时间里，分享 GitHub 代码就意味着截图，或把原始片段粘贴进 Markdown。这两种方式都不太可靠：截图让 RSS 阅读器看不到文本，复制粘贴的代码又会在上游文件一改动时失去同步。我想要 Emgithub 的可读性、服务端渲染带来的 SEO 优势，以及完全不依赖第三方 JavaScript。

这周，这几项终于凑齐了：一个 {% github %} 短代码，在构建时获取代码，完成高亮、行号和复制按钮。它只需要 GitHub blob URL，以及一个可选的明暗界面样式参数。

所有 npm 脚本现在都接入了 `ELEVENTY_ENV`，让草稿在生产环境中保持私密，同时方便本地预览。

从变形的截图到轻巧的 Eleventy Img 处理流程，记录一路的修复，也简单说明响应式图片标记究竟如何工作。

用 Markdown 自动生成目录，减少手动编辑，保持锚点一致，也让发布更快。

我一直很喜欢 iMessage 或 WhatsApp 把分享链接自动变成小明信片的效果。直到这周，这种魔法对我来说还是个黑箱。我猜背后肯定有开放标准，但从没亲手接入过。于是我和 GPT-5 Codex 来了一次结对开发，大约两小时后，11ty Subspace Builder 就能为每篇文章生成带有自己品牌风格的预览了。

下面是本文的一张示例卡片。

首个稳定版本带来了打磨完善的 Eleventy 3 起步模板，包含主题切换、无障碍导航、自动生成 OG 图片，以及简洁的写作流程。