HexoBlog

hexo-theme-simpleblock — Hexo Blog Template

By jysperm

hexo-theme-simpleblock is a Hexo theme extracted by jysperm from his personal blog. It uses a wireframe-style simple block layout and supports adding sidebar widgets and pre-content banners with Jade or Markdown.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

01

A Hexo theme extracted from the author's personal blog jysperm.me, using a wireframe-style simple block layout

02

Sidebar widgets and pre-content banners support both Jade and Markdown authoring

03

Three built-in sidebar widgets: tags, archives, and copyright

04

Configurable top left and right navigation menus, favicon, top icons, RSS, and content license information

05

Page templates use Jade, styles use Less/Sass, and the build process is based on Gulp and Bower

Template Details

This is a blog theme for Hexo, released independently by the author after extracting it from his own blog jysperm.me. The theme uses a wireframe-style simple block design, with a page structure centered on top navigation, main content, and a sidebar.

The theme's configurable options are centralized in Hexo's _config.yml, including the Google Analytics ID, Duoshuo site ID, RSS address, favicon, top navigation icons, the prefix for the article "view source" link, content license name and link, and the top left and right menus. Sidebar widgets and pre-content banners support two authoring methods: Jade snippets or Markdown snippets. Three built-in widgets are also provided: tags, archives, and copyright.

On the development side, the theme uses Jade for page templates, Less/Sass for styles, Bower for front-end package management, and Gulp as the build tool. Installation involves installing the theme package via npm, copying it to the themes directory, and installing dependencies such as hexo-renderer-jade, marked, and jade.

Limitations to note: the repository was last updated in 2017, the Duoshuo comment service in the configuration has ceased operation, and the sns social platform configuration is marked in the README as not yet used, with related functionality still under development.

HexoBlog

Is it right for your project?

Use Cases

  • Building a personal blog with Hexo and wanting a clean block-style layout
  • Needing to insert custom content blocks in the sidebar or before the main content, and preferring to write them in Markdown rather than template syntax
  • Wanting to reference the structure of a Hexo theme extracted from a real blog

Suitable For

  • Blog authors using Hexo
  • Sites that prefer a wireframe-style simple layout and do not need complex visual effects
  • Users who can accept manually copying the theme directory and configuring _config.yml

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Install hexo-theme-simpleblock via npm, then copy it from node_modules to the themes/simpleblock directory

  2. 2

    Install rendering dependencies such as hexo-renderer-jade, marked, and jade

  3. 3

    Set theme to simpleblock in Hexo's _config.yml

  4. 4

    For local development, run npm install, bower install, and gulp build

  5. 5

    The Duoshuo comment service in the configuration has ceased operation, and the sns social configuration is marked in the README as not yet enabled

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • You are allowed to use, modify, commercialize, and distribute the code of this version for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Using Google Analytics requires registering your own Google Analytics account and providing a tracking ID such as UA-49193300-1; this is an optional external service.
  • The Duoshuo comment service has ceased operation, so configuring it can no longer provide usable comment functionality; this is a defunct external service dependency.
  • The sns social platform configuration is explicitly marked in the README as not yet used, with related functionality still under development, so this configuration item currently has no actual effect.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

google_analytics Google Analytics ID, 可选项

Original README

duoshuo 多说站点 ID, 可选项。

Original README

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

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

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 64 / 100
Technologies
Hexo
Website type
Blog
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2017-03-17
Screenshot last checked
2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Hexo as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 803b80c9dda640d9afda3d1dea94509f4c09c89a057fdd49035df867b59a9612

2026-10-01T03:26:11.113Z

Source file / repository
# 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, 尚未被用到,正在开发相关功能。
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.