博客更新日志

发表于 更新于 分类于

记录一下今天对博客主题进行的一些视觉与功能上的调整：

1. 字体优化

为了提升阅读体验，我将全站字体切换为了 霞鹜文楷 (LXGW WenKai Mono)。

  • 引入了本地字体文件 LXGWWenKaiMono-Medium.ttf。
  • 通过自定义样式文件 source/_data/styles.styl 强制应用到了全局正文、文章主体以及各级标题。

2. 布局调整

  • 移除侧边栏：为了让内容更加聚焦，我彻底关闭了 NexT 主题的左侧黑色侧边栏（Sidebar）。
  • 现在的页面布局更加简洁，阅读干扰更少。

3. Hacker 风格极简重设计（2026-04-21）

参考 Hacker 主题 的极简美学，对博客进行了一次整体视觉重构，主打白底墨黑色系。

色彩与视觉

  • 全站切换为白色背景 + 墨黑文字（#1a1a1a），去除所有彩色元素
  • 移除顶部彩条（headband）、标题装饰线、Powered by 标识
  • 关闭暗色模式和页面过渡动画
  • 按钮、选中文字、返回顶部等细节统一为墨黑风格

导航重构

  • 主导航精简为四项纯文字按钮：主页 / 归档 / 关于 / 订阅，用斜杠分隔，无图标
  • 移动端去掉汉堡菜单，导航始终可见（四个短按钮一行放得下）
  • 归档页内新增子导航 文章 · 标签 · 分类，仅在归档/标签/分类页面显示，当前页自动高亮

搜索功能

  • 原标语区域替换为搜索入口，点击弹出 NexT 内置搜索弹窗
  • 搜索弹窗样式统一为白底直角

RSS 订阅

  • 新增 hexo-generator-feed 插件，生成 Atom 格式订阅源
  • 主导航「订阅」按钮直接链接到 /atom.xml

页脚

  • 去除 Powered by Hexo & NexT 标识

4. 导航精简与子导航修复（2026-04-21）

主导航精简

  • 去除主导航中多余的「标签」和「分类」按钮，仅保留四项：主页 / 归档 / 关于 / 订阅
  • 标签和分类功能移至归档页内的子导航中

页脚调整

  • 去除页脚版权信息显示，保持极简风格

归档子导航修复

  • 修复归档页面子导航（文章 · 标签 · 分类）不显示的问题

5. 浏览器标签页图标修复（2026-04-22）

这次处理的是浏览器标签页里的 favicon 一直没有切换成我想要的图案的问题。排查后发现，问题不在引用路径本身，而在构建阶段的资源覆盖和主题默认配置冲突。

问题根因

  • 构建产物中的 /images/logo-zyh.svg 实际被主题目录里的同名文件覆盖，浏览器拿到的不是站点 source/images/logo-zyh.svg
  • NexT 主题默认仍会输出 16x16 和 32x32 的 PNG favicon，浏览器很容易继续使用旧图标或命中缓存

修复内容

  • 新增唯一文件名的图标资源 source/images/favicon-zyh.svg，避免与主题资源重名
  • 在 source/_data/head.njk 中显式注入新的 SVG favicon
  • 关闭主题默认的 PNG favicon 输出，并将 safari_pinned_tab 同步切换到新的图标文件

验证结果

  • 重新生成后，首页头部只保留新的 SVG favicon 引用
  • public/images/favicon-zyh.svg 已确认是目标线稿版本，构建产物与预期一致

6. 玩具页面精简（2026-04-25）

移除玩具页面中尚未实现的两个条目：「链接转二维码」和「3D 烟花」，目前仅保留「360全景」。

注： 此篇文章由AI撰写。