从 Beautiful-jekyll 移植而来的 Hexo 博客主题,保持简洁的排版风格
hexo-blog-theme — Hexo 博客模板
作者 breght-van-baelen
Beautiful-hexo 是一个从 Beautiful-jekyll 移植到 Hexo 的博客主题,风格简洁,支持归档、标签、RSS 与站点地图生成,并内置网易跟贴评论配置。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
依赖 hexo-generator-archive、hexo-generator-tag 等插件生成归档与标签页
通过 hexo-generator-feed 和 hexo-generator-sitemap 输出 RSS 与站点地图
支持 hexo-browsersync,便于本地开发时自动刷新
内置网易跟贴评论配置,需在主题 _config.yml 中填写 productKey
标签页需手动创建 source/tags/index.md 并在导航栏中添加入口
模板详细介绍
Beautiful-hexo 是一个 Hexo 博客主题,由 Beautiful-jekyll 移植而来,作者在 README 中说明其定位是“简单优雅”。主题本身不包含独立构建流程,而是作为 Hexo 站点的 theme 目录使用,通过站点根目录的 _config.yml 切换主题并配置归档生成器。
功能方面,README 明确提到需要安装 hexo-generator-archive、hexo-renderer-jade、hexo-generator-tag、hexo-generator-feed、hexo-generator-sitemap 和 hexo-browsersync 等插件,说明主题依赖这些插件来生成归档、标签、RSS、站点地图并支持浏览器同步。评论部分提供了网易跟贴(netease-gentie)的配置方式,需要在主题的 _config.yml 中设置 comment.netease.productKey,并且测试时要求网站域名与网易跟贴后台设置一致。标签页需要手动在 source 目录创建 tags 文件夹和 index.md,并在主题配置的 navbar-links 中添加入口。
限制方面,README 没有说明主题的浏览器兼容范围、响应式断点或性能指标;预览图来自仓库 images/hexo-preview.png,仅作为外观参考。主题配置项在 README 中被描述为“简短清晰”,但未逐项列出,实际可用配置需以仓库中的 _config.yml 为准。
适合你的项目吗?
适用场景
- 使用 Hexo 搭建个人博客并希望套用简洁主题
- 需要归档、标签、RSS 和站点地图等基础博客功能
- 希望接入网易跟贴作为文章评论系统
- 在本地开发时借助 hexo-browsersync 预览页面改动
适合人群
- 已经使用 Hexo 并熟悉 _config.yml 配置方式的用户
- 偏好简洁排版、不需要复杂前端交互的博客作者
- 愿意按 README 手动安装多个 Hexo 插件并创建标签页的用户
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
先执行 hexo init site 并进入站点目录,再安装 hexo-generator-archive、hexo-renderer-jade、hexo-generator-tag、hexo-generator-feed、hexo-generator-sitemap、hexo-browsersync
- 2
将主题克隆到 themes/beautiful-hexo,并在站点 _config.yml 中把 theme 设为 beautiful-hexo
- 3
在站点 _config.yml 中配置 archive_generator,将 per_page 设为 0,yearly、monthly、daily 设为 false
- 4
如需网易跟贴评论,在主题 _config.yml 中设置 comment.netease.productKey,并确保测试域名与网易跟贴后台设置一致
- 5
创建 source/tags/index.md 并写入 title 与 layout: tags,再在主题 _config.yml 的 navbar-links 中添加 Tags: /tags
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 使用网易跟贴评论功能需在主题 _config.yml 中配置 comment.netease.productKey,即依赖网易跟贴这一外部服务并需申请对应 productKey。
- 测试网易跟贴评论时,网站域名必须与网易跟贴后台所设置的域名一致,否则评论无法正常加载。
- 本地测试网易跟贴需修改 /etc/hosts 将测试域名指向 127.0.0.1,并以 80 端口运行 Hexo,属于外部服务联调限制。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Setup `comment.netease.productKey` in theme's `_config.yml`.
README 原文
you have to ensure your website hostname match settings of netease-gentie
README 原文
https://github.com/breght-van-baelen/hexo-blog-theme/blob/main/LICENSEhttps://github.com/breght-van-baelen/hexo-blog-theme/blob/main/README.mdadd flollowing lines in /etc/hosts:
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 60 / 100
- 技术栈
- Hexo
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2025-11-11
- 截图检查日期
- 2026-10-02
目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。
目录记录的主要技术栈是 Hexo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 4303762aa1b14862b8580075fbd5b5d88e82c9ea87846b5290343335e7fa377d
2026-10-02T19:11:17.780Z
来源文件 / 仓库# Beautiful-hexo
Beautiful-hexo is a simple elegant hexo theme ported from [Beautiful-jekyll](http://deanattali.com/beautiful-jekyll) which written by [Dean Attali](http://deanattali.com/aboutme). Nice work!

### Install
```
hexo init site
cd site
npm install --save hexo-generator-archive hexo-renderer-jade hexo-generator-tag hexo-generator-feed hexo-generator-sitemap hexo-browsersync
git clone --depth 1 https://github.com/twoyao/beautiful-hexo.git themes/beautiful-hexo
```
Modify `_config.yml` change `theme` to `beautiful-hexo` and configure hexo-generator-archive :
```
theme: beautiful-hexo
archive_generator:
per_page: 0
yearly: false
monthly: false
daily: false
```
### Comment
#### netease-gentie
Setup `comment.netease.productKey` in theme's `_config.yml`. For test, you have to ensure your website hostname match settings of netease-gentie.
To do so, add flollowing lines in /etc/hosts:
```
127.0.0.1 notes.example.com
```
And run hexo at 80 port: `sudo hexo s --debug -p 80`. After test, you may revert hosts file.
### Tags page
For displaying a page with all blog tags, create a folder named `tags` at `source` folder with the following `index.md` inside:
```
---
title: "Tags"
layout: "tags"
---
```
Don't forget to update your `navbar-links` at `beautiful-hexo` `_config.yml` file:
```
navbar-links:
...
Tags: /tags
```
Theme config file is brief and clear.
If you have any question, check [hexo online document](https://hexo.io/).
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

hexo-theme-matery
A beautiful hexo blog theme with material design and responsive design.一个基于材料设计和响应式设计而成的全面、美观的Hexo主题。
Hexo · 博客

hexo-theme-cactus
:cactus: A responsive, clean and simple theme for Hexo.
Hexo · 博客

hexo-theme-volantis
A Wonderful Theme for Hexo.
Hexo · 博客

hexo-theme-aurora
Hexo Theme Aurora 是一款以极光色彩和渐变 UI 为核心的 Hexo 博客主题,整体走未来感路线。 它的首页采用杂志式网格布局,文章列表与精选区域层次分明,视觉上更接近个人媒体站点而非传统博客。
Hexo · 博客

hexo-theme-Claudia
Claudia 是一款为 Hexo 设计的博客主题,主打简洁外观与易配置。 它支持自动跟随设备深色模式,并在 README 中宣称拥有 90+ 的 Lighthouse 评分,适合追求轻量与性能的博客作者。
Hexo · 博客

hexo-theme-A4
A hexo theme that looks like an A4 paper.(一个类A4纸张质感的hexo博客主题。 )
Hexo · 博客
