Homulilly
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/Artalk 评论系统
  • 支持 Fancybox 5.0 图片灯箱
  • 支持 友情链接 页面
  • 使用 Lucide Icons，不过目前只是预置了一部分
  • 支持 Umami 评论系统，支持设置上报域名，本地预览不会统计了
  • 兼容 Next 主题的 NOTE 提示块
  • 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

  • Profile 的社交图标支持自定义
  • Logo 支持图标、文字(填写一个或是同时填写)
  • 搜索索引的现在只有标题与摘要不知道是不是应该索引全文
  • 代码块支持单击行号，高亮，双击复制对应行
  • Welcome Card 图片可以指定
  • Tabs 标签 样式
  • 点击评论按钮跳转到评论区
  • Artalk
  • 支持引入自定义 css / js
  • 文章列表支持切换列表模式

先记录一下。

评论
分享

评论