hexo-theme-cactus主题再开发

博客维护
,
975 words , 4 mins.

二次开发内容

主题地址：hexo-theme-cactus

之前用的是博客主题是 hexo-theme-aomori，一款比较简洁的主题，用了大半年。

正逢清明假期，想了解一下其他博客实现，如 typecho、solo、aurora、以及基于 Next.js 实现之类的。无意间看到两款比较喜欢的 Hexo 主题：hexo-theme-quiet 和 hexo-theme-cactus。
原文链接：Hexo 10款好看的主题｜新手建站必备！

本来开始想切换成 quite 的，简洁大方，记录一下生活、发点照片之类的应该效果很好，但是把 quite 主题拉到本地之后，发现和作者的 Demo 样式不太一致，使用文档也不是很详细，就放弃了。

cactus 主题的设计给人眼前一亮的感觉，有 dark、white、light、classic 4 种样式可以选择，非常棒！制作一款优秀的主题，不光要有技术，能投入大量的时间，前期的设计也很重要，quite 主题下最多的 issues 就是：能不能给文章详情添加目录？作者的答复是因为前期设计就没考虑目录，要修改的话会比较麻烦，需要时间，到现在过去了很久还没更新。

可能是强迫症吧，cactus 主题切换之前改了一些小细节：

  1. 💄 默认的黑色主题下字体比较小，看起来比较费劲，将默认主题切换为了 white
  2. 💄 logo 尺寸调整为 55
  3. 💄 nav 靠网站标题太近，调整 nav margin-top=5px
  4. 💄 去掉社交网络中间的逗号
  5. 💄 移除文章详情页标签信息的下划线
  6. 💄 将文章详情页的标签信息颜色从红色修改为绿色
  7. 💄 修改默认的 content-width=52
  8. 💄 移除默认的网站图标 hover 效果，默认非 hover 网站图标是灰色，不好看

优化后的主题：hexo-theme-cactus

添加了 Disqus 评论，Github 图床，后面努力更新吧。

更新记录

✅ 2024-04-07 更新

  1. ⚙️ 觉得 Disqus 评论不够简约，了解了 utterances，外观简约和页面风格更搭，基于 GitHub 更方便管理，正好 utterances 评论也是 cactus 主题默认支持的两个评论系统之一。
  2. 💄 删除 utterances 评论默认的 margin-left 和 margin-right。
  3. 🐛 Friends 页面的 avatar 高度样式被覆盖，导致变成了长方形，给高度属性加了 !important。
  4. ✨ 给 Friends 页面添加评论，方便添加友链。
  5. 🍺 文章详情页的图片上下左右都有留白，需要去掉留白，未解决。(调了好久，发现只有 Mac 截图产生的图片才有此问题，平板截图、照片均无此问题，原因不明)（更新：截图工具的边缘阴影设置问题。）
  6. 💄 修改文章 url 路径为 hash: permalink: :year/:month/:day/:hash/，默认使用 :title，当 ttile 中包含中文时会导致 utterances label 乱码。

✅ 2024-04-14 更新

  1. ✨ 底部增加 moe icp 萌国 ICP 备案展示
  2. ✨ 导航增加开往​
  3. ✨ 新增文章详情页图片弹窗展示​
  4. 💄 将默认字体大小从 14px 调整 为 16px，方便阅读
  5. 💄 文章分享按钮从纵向改为横向展示​
  6. 🐛 修复主页 Copyright 信息与右侧导航未水平对齐的问题​
  7. 🐛 修复小尺寸屏幕设备上页面内容与底部导航栏重叠问题
  8. 🌍 优化部分中文翻译​
  9. 🔖 发布 Release​

✅ 2024-04-16 更新

  1. ✨ 增加 RSS 订阅动态展示

❌ 目前发现的 bug

🐛目前发现的 bug：文章分享按钮重复打开、关闭之后，按钮上方会有莫名其妙的空白产生，随着点击次数增加，空白区域逐渐增大。

✅ 2025-11-20 更新

  1. 增加深色模式。
  2. 增加十年之约配置。
  3. 增加随机句子展示。
  4. 增加首页公告。