里程碑

“Shiki 是一款基于 VS Code 语法高亮引擎的代码高亮工具，支持多种编程语言和主题，无需维护自定义正则表达式或 CSS。在 Hugo 中配置 Shiki 只需几分钟，通过 @shikijs/rehype 插件实现纯静态高亮，适合本地或 GitHub Actions 部署。安装需 Node.js 和 Yarn，配置时关闭 Hugo 的 codeFences 并创建 .rehyperc 文件定义主题。”

“通过纯 CSS 和 JS 实现博客热力图，适配移动端并动态生成年度日历小方块，根据文章字数显示不同色深的色块，支持 Tooltip 展示文章标题、日期和字数统计，采用 GitHub 风格的配色方案并兼容深色模式！”

“为规避外链风险，博客采用 Hugo 的 render-link.html 模板实现外链跳转，通过 base64 编码目标链接并添加白名单机制。核心步骤包括修改渲染模板、创建跳转页面布局及背景图适配，最终通过 /go/ 路径实现安全跳转。此方案仅适用于 Markdown 内容，需手动处理 Shortcodes 和自定义 HTML 链接！”

“2023 年作为后疫情时代的开端和 AI 元年，引发了对生死与数字遗产的深度思考。通过将域名托管至 Cloudflare 实现自动续费、全面依赖 GitHub 进行数据存储与自动化部署、彻底静态化博客资源以避免第三方依赖、采用 Git Submodules 管理主题实现无损升级，并将主站迁移至 www 子域名以适配国内 CDN，构建了一套面向死亡的可持续博客架构。”

“AI 摘要功能能有效过滤低价值信息，但依赖第三方服务成本过高。通过本地化存储摘要数据并集成到静态博客中，既能保留功能又避免持续开销。具体方案包括将摘要存入 JSON 文件、修改 Hugo 模板实现动态渲染，并添加打字机动画提升体验。最终实现静态化部署，兼顾效率与可控性！”

“将豆瓣观影数据迁移至 NeoDB 并静态化部署，通过 API 获取数据后本地存储为 JSON 文件，利用 Hugo 生成静态页面，结合自定义 CSS 和 JS 实现排序功能，并通过 GitHub Actions 自动化更新数据。SaaS 服务不可靠，自建方案更可控！”