Hexo博客

hexo-theme-simpleblock — Hexo 博客模板

作者 jysperm

hexo-theme-simpleblock 是 jysperm 从个人博客拆分出的 Hexo 主题,采用线框式简单区块布局,支持用 Jade 或 Markdown 添加边栏小部件与正文前横幅。

看看你的网站会是什么样

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

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

从作者个人博客 jysperm.me 拆分出的 Hexo 主题,采用线框式简单区块布局

02

边栏小部件与正文前横幅支持 Jade 或 Markdown 两种写法

03

内置 tags、archives、copyright 三个边栏小部件

04

可配置顶部左右两侧导航菜单、favicon、顶部图标、RSS 与内容授权信息

05

页面模板使用 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博客

适合你的项目吗?

适用场景

  • 使用 Hexo 搭建个人博客并希望采用简洁区块式布局
  • 需要在边栏或正文前插入自定义内容块,且希望用 Markdown 而非模板语法编写
  • 希望参考一个从真实博客拆分出来的 Hexo 主题结构

适合人群

  • 使用 Hexo 的博客作者
  • 偏好线框式简单版式、不需要复杂视觉效果的站点
  • 能接受手动复制主题目录并配置 _config.yml 的用户

上手与定制指南

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

  1. 1

    通过 npm 安装 hexo-theme-simpleblock 后,将其从 node_modules 复制到 themes/simpleblock 目录

  2. 2

    需安装 hexo-renderer-jade、marked、jade 等渲染依赖

  3. 3

    在 Hexo 的 _config.yml 中将 theme 设置为 simpleblock

  4. 4

    本地开发需执行 npm install、bower install 与 gulp build

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

sns 社交平台 ID, 尚未被用到,正在开发相关功能。

README 原文
https://github.com/jysperm/hexo-theme-simpleblock/blob/master/LICENSEhttps://github.com/jysperm/hexo-theme-simpleblock/blob/master/README.md

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 来向边栏添加小部件,或向正文前添加横幅。

![Simple Block](https://raw.githubusercontent.com/jysperm/hexo-theme-simpleblock/master/source/favicon.png)

## 安装

    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, 尚未被用到,正在开发相关功能。
反馈内容错误

看看同类模板

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