幕后记
这里记录博客在样式、功能和站点维护上的变化,主要写那些不属于文章更新、却会影响阅读体验的改动
幕后记与订阅页整理
功能为站点改动本身增加幕后记页面,并把 About 入口、RSS 订阅页、本地阅读器入口和相关路由样式一起整理。
- 用配置数据维护幕后记文案、分类卡片和线性年表
- 在 About 页加入轻入口,外壳沿用站内内链卡片的边界风格
- 将
/feed与/en/feed做成订阅说明页,并提供 Reeder、Unread 本地订阅入口
主题、功能和订阅入口的变化有了固定记录,RSS 订阅也更贴近本地阅读器使用习惯。
英文 404 与缺失路径处理
工程把英文站缺失 HTML 路径、函数打包范围和本地开发路由放到同一套 404 处理里,避免英文页面误回中文或旧内容。
- 让英文缺失页稳定进入英文 404
- 缩小函数打包范围,少依赖运行时临时读取
- 把 Vercel 与 Hugo dev 的路由差异写进测试
英文站的错误路径更稳,生产和本地仿真的差异也更容易排查。
404 小恐龙跑酷重做
功能404 页从简单错误提示扩展为轻量跑酷交互,同时保留回首页、回上级和重新搜索等恢复路径。
- 增加键盘操作、状态文案和减少动态效果适配
- 优化障碍、跳跃、下蹲和难度节奏
- 维持无音频、低资源、可降级的页面特性
错误页从“走丢”变成可停留的站点细节,但不喧宾夺主。
文章工具栏与分享体验
功能文章页新增复制全文、复制标题链接和翻译入口,并修复预取导致的按钮闪烁。
- 复用文章元信息后的工具栏位置,减少阅读动线干扰
- 使用静态 Markdown 输出作为复制来源
- 调整图标、按钮状态和移动端布局稳定性
文章分享和资料整理更顺手,移动端按钮不再挤压正文。
SEO、首屏资源与搜索索引整理
工程把结构化数据、规范 URL、首屏资源和搜索索引一起整理,减少异常输出和不必要的资源负担。
- 清理 URL 输出中的
/index.html形态 - 优化搜索索引内容长度,降低首页和搜索页资源压力
- 将元数据、外链安全和构建输出纳入测试约束
页面更利于索引,构建产物更容易用自动扫描复核。
文章点赞系统
功能为文章页增加基于 Vercel 的点赞能力,并把缓存、反馈状态和响应式布局一起补稳。
- 区分读取、点赞、取消和请求中状态
- 让点赞组件与标签区在桌面和窄屏都保持稳定
- 用测试约束接口参数、UI 状态和缓存行为
读者反馈入口更轻,同时不破坏文章页的原有节奏。
观测能力、主题升级与资源懒加载
工程接入 Vercel Analytics 与 Speed Insights,升级 PaperMod 并同步本地覆盖,同时优化交互资源的加载时机。
- 让统计与速度指标按生产路径加载
- 将主题升级后的本地覆盖重新对齐
- 延后 Fancybox 等交互资源,减少首屏负担
后续优化有了真实指标支撑,主题升级也更容易复核。
About 与主页身份信息补齐
主题About 页加入贡献图,主页补齐 ORCID 与 Google Scholar 等身份入口,让个人站的研究与写作线索更完整。
- 用动态贡献图呈现公开活动节奏
- 补齐学术身份与社交入口
- 让中英文入口保持相同的信息重心
About 页从静态介绍变成更完整的个人站门面。
标签墙、关于页与项目入口
主题中文 About 页加入标签墙,并调整标签、搜索和项目入口,使站点导航更符合当前内容结构。
- 标签墙呈现性格、兴趣、身份与专业线索
- 修正标签墙引入后的字体影响
- 将工具入口调整为更贴近内容实际的项目入口
站点人格化表达更明显,导航语义也更清楚。
Feed、搜索与 404 基础体验
功能RSS 地址、Feed 样式、搜索索引和 404 游戏在这一阶段集中成形,并补齐 Vercel 上的内容类型与路径处理。
- 稳定 RSS 自动发现与
/feed.xml、/en/feed.xml输出 - 修复搜索缺少索引导致不可用的问题
- 增加 404 小游戏并处理移动端头部高度
读者可以更稳定地订阅、搜索和从错误路径回到站内。
细节样式、多语言与评论维护
主题围绕首页标识、浅色主题、滚动条、标签映射、翻译文案和评论库升级进行连续小步打磨。
- 优化浅色主题、emoji 间距和内链样式
- 修正中文标签在英文结构中的显示问题
- 维护 Twikoo 与翻译文案的可用性
大量不显眼的小修让博客逐渐形成稳定的视觉语气。
Hugo 迁移与 PaperMod 基座
工程博客迁移到 Hugo 与 PaperMod,完成多语言结构、主题覆盖、首次部署、图片处理、评论、Fancybox、短代码和 Vercel 路由基础。
- 建立中文默认、英文
/en子路径的双语站点结构 - 打通图片渲染、WebP、站点 logo 水印和代码块复制
- 通过 Vercel 关闭目录尾斜杠并清理导航链接形态
这一阶段打好了后续打磨的技术和视觉基础。