Note

又一个 Hexo 博客的主题:FlatPaper

2026-05-16 #Hexo#Theme

2026 年了 ,还有人给 Hexo 整新的主题,只能说 AI 还是太好用了。

主要还是 因为 Hexo 和 NEXT 主题都已经用了超过 10 年了,略微有些腻了。

制作的过程也很简单,描述一下想要的效果,发送给 ChatGPT,让他使用 gpt-image-2 生成效果图,开始抽卡,然后选一张满意的。

打开 Claude Code / Codex :

帮我制作一款适用于 Hexo 博客的主题,风格参考 @图片

几分钟后就好了。

当然一开始只是基础的功能,后续还需要根据需求来添加。

对话一天的成果:

flatpaper-preview.webp

主题详情

  • 支持明暗切换
  • 首页三栏,文章、其他页面两栏
  • 可以指定设置四个顶部指定文章(后续感觉可以增加类型,比如放张图片)
  • 代码块使用 macOS 样式,支持 light\sand\dark 三种模式,支持折叠代码块
  • 支持了 Twikoo 评论系统
  • 支持了 Fancybox 5.0 图片灯箱
  • 支持 友情链接 页面
  • 使用 Lucide Icons,不过目前只是预置了一部分
  • 支持 Umami 评论系统,支持设置上报域名,本地预览不会统计了
  • 兼容 Next 主题的 NOTE 提示块
  • 支持使用 VitePress 的写法
1
2
3
::: success
NOTE 提示块
:::

NOTE 提示块

安装方法

1
2
3
4
5
6
7
8
9
10
# 在你的 Hexo 站点文件夹内
git clone https://github.com/Homulilly/hexo-theme-flatpaper.git themes/flatpaper

# 在 <site>/_config.yml 中启用
theme: flatpaper

# 复制并编辑主题配置
cp themes/flatpaper/_config.yml _config.flatpaper.yml

hexo g && hexo s

TODO

  • 搜索索引的现在只有标题与摘要
  • Welcome Card 功能还不知道要干什么
  • Tabs 标签
  • 文章底部的 LIKE 评论 分享按钮还没有实际功能
  • Google Analysis
  • Artalk
  • 引入自定义 css / js
  • 文章支持切换列表模式

先记录一下。

Like 评论
分享

评论