幕后记

这里记录博客在样式、功能和站点维护上的变化,主要写那些不属于文章更新、却会影响阅读体验的改动

幕后记与订阅页整理

为站点改动本身增加幕后记页面,并把 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 关闭目录尾斜杠并清理导航链接形态

这一阶段打好了后续打磨的技术和视觉基础。