Hexo博客

hexo-theme-chi — Hexo 博客模板

作者 cniter

hexo-theme-chi 是作者 cniter（Shaun）个人自用的 Hexo 博客主题，基于 Bootstrap4、jQuery3、Stylus、EJS 等技术构建，采用 MIT 许可开源。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

基于 Bootstrap4、jQuery3、Stylus、EJS 等技术构建的 Hexo 博客主题

配色参考 spfk_x，排版参考 hexo-theme-freemind，部分代码来自这两个主题

动画优先用 CSS 实现，JS 代码量相对不多

代码高亮沿用 Hexo 默认样式，未采用 prettify 替换

README 推荐搭配 hexo-renderer-pandoc、hexo-generator-feed、hexo-generator-searchdb、hexo-abbrlink、hexo-all-minifier 等插件

采用 MIT 许可，允许免费使用、修改、商用和分发该版本代码

模板详细介绍

hexo-theme-chi 是一个面向 Hexo 的博客主题，作者在 README 中说明它最初是个人自用，并当作前端学习练手的项目。主题的配色参考了 Shaun 原来的主题 spfk_x，排版部分参考了 hexo-theme-freemind，部分代码也来自这两个主题。

技术实现上，主题涉及 Bootstrap4、jQuery3、Stylus、EJS、HTML5、CSS3、ES6；README 记录的运行环境为 node-v8.11.1、Hexo-3（hexo-cli-1.1.0），测试浏览器为 Firefox 60.5.0 esr 和 Chrome 72.0.3626.109，其它浏览器未做测试。动画实现优先采用 CSS，JS 代码量相对不多。代码高亮沿用 Hexo 默认样式，作者曾尝试用 prettify 替换但认为效果不佳。

使用限制方面，README 明确表示暂不提供使用文档，作者自述为前端新手，主题中可能存在各种问题，欢迎提 issue 或 fork、clone 后自行修改，但不保证 issue 一定能解决。此外，作者使用外部脚本对 Markdown 代码块进行美化渲染，该脚本有时会因代码语法格式问题渲染失败，需要手动调整 Markdown 代码格式。README 还提到 px 未转换为 em 或 rem，原因是作者手头没有更高分辨率显示器，不便测试显示差异。

Hexo博客

适合你的项目吗？

适用场景

使用 Hexo 搭建个人博客并希望更换主题
以该主题为基础进行二次开发或学习 Hexo 主题结构
参考其 Bootstrap4、Stylus、EJS 的写法用于自己的前端练手项目

适合人群

使用 Hexo 3 且愿意自行排查问题的博客作者
具备一定前端基础、能自行修改主题代码的开发者
接受主题暂无使用文档、需要阅读源码上手的人

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
README 记录的运行环境为 node-v8.11.1、Hexo-3（hexo-cli-1.1.0），测试浏览器为 Firefox 60.5.0 esr 和 Chrome 72.0.3626.109，其它浏览器未测试
2
主题暂未提供使用文档，作者建议遇到问题提 issue 或 fork、clone 后自行修改
3
README 推荐安装 hexo-renderer-pandoc（安装前需卸载默认渲染器 hexo-renderer-marked）、hexo-generator-feed、hexo-generator-searchdb、hexo-abbrlink、hexo-all-minifier
4
作者使用外部脚本美化 Markdown 代码块，该脚本有时渲染失败，需要手动调整 Markdown 代码格式
5
演示图片、字体、图标等第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

README 明确说明该主题暂无使用文档，作者定位为个人自用，使用者需自行阅读源码上手。
作者声明不保证能解决使用者提出的 issue，不提供任何支持或修复保证。
使用作者采用的外部脚本美化 Markdown 代码块时，若渲染失败需使用者自行手动调整代码格式。
主题仅在 Firefox 60.5.0 esr 和 Chrome 72.0.3626.109 测试，其它浏览器未测试且作者不考虑测试，兼容性需自行验证。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

Chi 主题的使用文档暂时就不写了，毕竟这个主题只是 Shaun 个人使用
README 原文

Shaun 不保证一定能解决，毕竟水平有限
README 原文

需要自己手动调整一下 Markdown 代码格式
README 原文

其它浏览器没测过，也不考虑测，有兴趣的童鞋可以自己测自己改
README 原文

https://github.com/cniter/hexo-theme-chi/blob/master/LICENSE https://github.com/cniter/hexo-theme-chi/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 68 / 100
技术栈: Hexo
网站类型: 博客

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2019-11-12
截图检查日期: 2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Hexo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 2d449d1e28715badd72deb613c31f56b260e6abe301818ad48f55d12892b5cf0

2026-10-02T15:07:58.459Z

来源文件 / 仓库

![hexo-theme-chi](./hexo-theme-chi.png)

　　Chi 主题涉及到的技术主要为：Bootstrap4、jQuery3、Stylus、EJS、HTML5、CSS3、ES6等；运行环境为：node-v8.11.1、Hexo-3（hexo-cli-1.1.0）等；测试浏览器为Firefox 60.5.0 esr 和 Chrome 72.0.3626.109，其它浏览器没测过，也不考虑测，有兴趣的童鞋可以自己测自己改。

　　Chi 主题的配色主要参考 Shaun 原来的主题 spfk_x，排版部分参考了 [**hexo-theme-freemind**](https://github.com/wzpan/hexo-theme-freemind)，部分代码也是来自这两个主题。Chi 主题的一些动画实现优先采用 CSS，除了那些无法用 CSS 实现或 Shaun 不知道如何用 CSS 实现的，所以 JS 代码部分不算很多，网页加载速度也勉强能够接受吧。

　　Chi 主题的代码高亮部分本来想参考 [为hexo博客加入prettify高亮插件](http://jumpbyte.cn/2016/07/02/use-and-install-prettify/) 使用 prettify 替换默认的代码高亮，但使用了之后发现效果不是很好，就还是使用默认的样式了。

　　Chi 主题的使用文档暂时就不写了，毕竟这个主题只是 Shaun 个人使用（应该也不会有其他人使用了，万一真有人要用却不太会用，欢迎提 issue，以后酌情考虑添加使用文档 🙃），由于 Shaun 只是前端小白，这个主题也只是当学习练手开发，里面肯定会有各种各样的问题，欢迎提 issue 或 fork 或 clone 后自行修改，提 issue 的话，Shaun 不保证一定能解决，毕竟水平有限，当然如果有代码优化想法还望不吝赐教 (｡･ω･｡)ﾉ♡ （至于 px 换 em 或 rem 就不用提了，没什么原因，主要是 Shaun 懒，更深层的原因在于 Shaun 手头上还没有更高分辨率的显示器，不知道显示差距有多大，不好进行测试 😓）。

**PS：** Shaun 使用了 [Hexo 博客美化代码块| 梦魇小栈](https://blog.ihoey.com/posts/Hexo/2018-05-27-hexo-code-block.html) 中的脚本对 Markdown 代码部分进行了美化渲染，但是该脚本有时候渲染会出现一些问题，无法进行美化，可能是代码语法格式有错误，这时*需要自己手动调整一下 Markdown 代码格式*。

使用 Chi 主题推荐安装插件：

- hexo-renderer-pandoc	# 使用pandoc渲染markdown，安装前需卸载默认渲染器hexo-renderer-marked
- hexo-generator-feed # RSS订阅
- hexo-generator-searchdb # 本地搜索
- hexo-abbrlink # 文章唯一永久链接
- hexo-all-minifier # 快速压缩优化代码

好了，暂时就写到这里了。

反馈内容错误