Hexo博客

hexo-blog-theme — Hexo 博客模板

作者 breght-van-baelen

Beautiful-hexo 是一个从 Beautiful-jekyll 移植到 Hexo 的博客主题,风格简洁,支持归档、标签、RSS 与站点地图生成,并内置网易跟贴评论配置。

看看你的网站会是什么样

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

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览,可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

01

从 Beautiful-jekyll 移植而来的 Hexo 博客主题,保持简洁的排版风格

02

依赖 hexo-generator-archive、hexo-generator-tag 等插件生成归档与标签页

03

通过 hexo-generator-feed 和 hexo-generator-sitemap 输出 RSS 与站点地图

04

支持 hexo-browsersync,便于本地开发时自动刷新

05

内置网易跟贴评论配置,需在主题 _config.yml 中填写 productKey

06

标签页需手动创建 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博客

适合你的项目吗?

适用场景

  • 使用 Hexo 搭建个人博客并希望套用简洁主题
  • 需要归档、标签、RSS 和站点地图等基础博客功能
  • 希望接入网易跟贴作为文章评论系统
  • 在本地开发时借助 hexo-browsersync 预览页面改动

适合人群

  • 已经使用 Hexo 并熟悉 _config.yml 配置方式的用户
  • 偏好简洁排版、不需要复杂前端交互的博客作者
  • 愿意按 README 手动安装多个 Hexo 插件并创建标签页的用户

上手与定制指南

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

  1. 1

    先执行 hexo init site 并进入站点目录,再安装 hexo-generator-archive、hexo-renderer-jade、hexo-generator-tag、hexo-generator-feed、hexo-generator-sitemap、hexo-browsersync

  2. 2

    将主题克隆到 themes/beautiful-hexo,并在站点 _config.yml 中把 theme 设为 beautiful-hexo

  3. 3

    在站点 _config.yml 中配置 archive_generator,将 per_page 设为 0,yearly、monthly、daily 设为 false

  4. 4

    如需网易跟贴评论,在主题 _config.yml 中设置 comment.netease.productKey,并确保测试域名与网易跟贴后台设置一致

  5. 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 原文

add flollowing lines in /etc/hosts:

README 原文
https://github.com/breght-van-baelen/hexo-blog-theme/blob/main/LICENSEhttps://github.com/breght-van-baelen/hexo-blog-theme/blob/main/README.md

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!

![hexo-preview](images/hexo-preview.png)

### 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/).

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。