从作者个人博客 jysperm.me 拆分出的 Hexo 主题,采用线框式简单区块布局
hexo-theme-simpleblock — Hexo 博客模板
作者 jysperm
hexo-theme-simpleblock 是 jysperm 从个人博客拆分出的 Hexo 主题,采用线框式简单区块布局,支持用 Jade 或 Markdown 添加边栏小部件与正文前横幅。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
边栏小部件与正文前横幅支持 Jade 或 Markdown 两种写法
内置 tags、archives、copyright 三个边栏小部件
可配置顶部左右两侧导航菜单、favicon、顶部图标、RSS 与内容授权信息
页面模板使用 Jade,样式使用 Less/Sass,构建流程基于 Gulp 与 Bower
模板详细介绍
这是一个面向 Hexo 的博客主题,作者将其从自己的博客 jysperm.me 中拆分出来独立发布。主题采用线框式(wireframe)的简单区块设计,页面结构以顶部导航、正文与边栏为主。
主题的可配置项集中在 Hexo 的 _config.yml 中,包括 Google Analytics ID、多说站点 ID、RSS 地址、favicon、顶部导航图标、文章「查看源代码」链接前缀、内容授权名称与链接、顶部左右两侧菜单等。边栏小部件与正文前横幅支持两种编写方式:Jade 片段或 Markdown 片段,也提供 tags、archives、copyright 三个内建小部件。
开发层面,主题使用 Jade 作为页面模板,Less/Sass 处理样式,Bower 管理前端包,Gulp 作为构建工具。安装方式为通过 npm 安装主题包后复制到 themes 目录,并安装 hexo-renderer-jade、marked、jade 等依赖。
需要注意的限制:仓库最后更新于 2017 年,配置项中的多说评论服务已停止运营,sns 社交平台配置在 README 中标注为尚未被使用、相关功能仍在开发中。
适合你的项目吗?
适用场景
- 使用 Hexo 搭建个人博客并希望采用简洁区块式布局
- 需要在边栏或正文前插入自定义内容块,且希望用 Markdown 而非模板语法编写
- 希望参考一个从真实博客拆分出来的 Hexo 主题结构
适合人群
- 使用 Hexo 的博客作者
- 偏好线框式简单版式、不需要复杂视觉效果的站点
- 能接受手动复制主题目录并配置 _config.yml 的用户
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
通过 npm 安装 hexo-theme-simpleblock 后,将其从 node_modules 复制到 themes/simpleblock 目录
- 2
需安装 hexo-renderer-jade、marked、jade 等渲染依赖
- 3
在 Hexo 的 _config.yml 中将 theme 设置为 simpleblock
- 4
本地开发需执行 npm install、bower install 与 gulp build
- 5
配置项中的多说评论服务已停止运营,sns 社交配置在 README 中标注为尚未启用
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 使用 Google Analytics 统计需自行注册 Google Analytics 账号并提供形如 UA-49193300-1 的跟踪 ID,属于可选的外部服务。
- 多说评论服务已停止运营,配置该项无法再获得可用的评论功能,属于已失效的外部服务依赖。
- sns 社交平台配置在 README 中明确标注尚未被使用、相关功能仍在开发中,因此该配置项当前不产生任何实际效果。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
google_analytics Google Analytics ID, 可选项
README 原文
duoshuo 多说站点 ID, 可选项。
README 原文
https://github.com/jysperm/hexo-theme-simpleblock/blob/master/LICENSEhttps://github.com/jysperm/hexo-theme-simpleblock/blob/master/README.mdsns 社交平台 ID, 尚未被用到,正在开发相关功能。
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 64 / 100
- 技术栈
- Hexo
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2017-03-17
- 截图检查日期
- 2026-10-01
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hexo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 803b80c9dda640d9afda3d1dea94509f4c09c89a057fdd49035df867b59a9612
2026-10-01T03:26:11.113Z
来源文件 / 仓库# Hexo Theme: Simple Block
这是一个基于线框设计的简单的 Hexo 主题,拆分自 [精子的博客](https://jysperm.me)。
支持使用 Jade 或 Markdown 来向边栏添加小部件,或向正文前添加横幅。

## 安装
cnpm install hexo-renderer-jade marked jade --save; cnpm install hexo-theme-simpleblock
cp -rf node_modules/hexo-theme-simpleblock themes/simpleblock; rm -r node_modules/hexo-theme-simpleblock
然后修改 Hexo 的 `_config.yml` 中的 `theme` 为 `simpleblock`.
## 技术栈
* Jade - 页面模板
* Less/Sass - 页面样式
* Bower - 前端包管理器
* Gulp - 构建工具
开发:
npm install
bower install
gulp build
## 自定义
* google_analytics
Google Analytics ID, 可选项,形如 `UA-49193300-1`.
* duoshuo
多说站点 ID, 可选项。
* rss
RSS 地址,完整 URL, 会以一条 link 标签的形式出现在页面的 head 部分,可选项。
* favicon
页面图标,会显示在浏览器标签上,相对 URL, 可选项。
* icon
顶部导航栏左侧图标,相对 URL, 可选项。
* source_url
文章的「查看源代码」链接前缀,可选项。
* license.name
博客内容授权方式。
* license.url
博客内容授权方式链接。
* menus
顶部导航菜单,键为链接的文字,值为连接的 URL, 如需指定 target, 可使用 `{target: '_blank', url: '/'}` 这样形式的值。
* right_menus
顶部右侧导航菜单,同 menus.
* banners
向页面正文前添加横幅,支持 Jade 和 Markdown. Jade 使用 `{jade: 'p text'}` 这样形式的值,Markdown 使用 `{markdown: '## Title'}` 这样形式的值。
若希望添加多个横幅,可以将该字段的值设置成一个数组。
* widgets
向边栏添加小部件,值为数组,每一项支持 Jade 和 Markdown(语法同 banners),亦支持三个内建的小部件:tags, archives 和 copyright, 内建小部件可通过 `{tags: true}` 这样的形式使用。
* sns
社交平台 ID, 尚未被用到,正在开发相关功能。
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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 · 博客
