Hexo 写作样式

_N.x Blog

Notes 笔记模块

大号提示块

信息

换行测试
换行测试
换行测试

提示

换行测试
换行测试
换行测试

自定义标题

换行测试
换行测试
换行测试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 支持 blue red cyan purple orange yellow green 等颜色
{% notel default fa-info 信息 %}
换行测试
换行测试
换行测试
{% endnotel %}

{% notel blue 提示 %}
换行测试
换行测试
换行测试
{% endnotel %}

{% notel red 自定义标题 %}
换行测试
换行测试
换行测试
{% endnotel %}

小号提示块

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

自定义提示块标签

1
2
3
4
5
6
7
8
9
# 支持 success default primary info warning danger tip question 以及 blue red cyan purple orange yellow green 等颜色
{% note %} 默认 提示块标签 {% endnote %}
{% note default %} default 提示块标签 {% endnote %}
{% note primary %} primary 提示块标签 {% endnote %}
{% note success %} success 提示块标签 {% endnote %}
{% note info %} info 提示块标签 {% endnote %}
{% note warning %} warning 提示块标签 {% endnote %}
{% note danger %} danger 提示块标签 {% endnote %}
{% note red fa-bolt%} 自定义提示块标签 {% endnote %}

Buttons 按钮模块

不设置任何参数的 按钮 适合融入段落中。

regular 按钮适合独立于段落之外:

示例博客 示例博客

large 按钮更具有强调作用,建议搭配 center 使用:

开始使用
1
2
3
4
5
6
7
8
9
10
11
12
# 支持 center, regular, large, center large, center regular 
不设置任何参数的 {% btn 按钮:: / %} 适合融入段落中。

regular 按钮适合独立于段落之外:

{% btn regular::示例博客::https://zengy.win::fa-solid fa-play-circle %}

{% btn regular::示例博客::https://zengy.win::fa-solid fa-play-circle %}

large 按钮更具有强调作用,建议搭配 center 使用:

{% btn center large::开始使用::https://zengy.win::fa-solid fa-download %}

Folding 折叠模块

Folding 测试: 点击查看更多

啊啊啊啊啊

danger 提示块标签

tip 提示块标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# 支持 yellow, blue, green, red, orange, pink, cyan, white, black, gray 等颜色
{% folding blue::Folding 测试: 点击查看更多 %}

啊啊啊啊啊

{% note danger %}
danger 提示块标签
{% endnote %}

{% note tip %}
tip 提示块标签
{% endnote %}

{% endfolding %}

Tabs 分栏模块

This is Tab 1.

This is Tab 2.

This is Tab 2.

This is Tab 3.

This is Tab 3.

This is Tab 3.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{% tabs First unique name %}

<!-- tab First Tab-->

**This is Tab 1.**

<!-- endtab -->

<!-- tab Second Tab-->

**This is Tab 2.**

This is Tab 2.

<!-- endtab -->

<!-- tab Third Tab-->

**This is Tab 3.**

This is Tab 3.

This is Tab 3.

<!-- endtab -->

{% endtabs %}
  • Title: Hexo 写作样式
  • Author: _N.x Blog
  • Created at : 2026-01-08 10:18:50
  • Updated at : 2026-01-12 06:06:58
  • Link: https://zengy.win/2026/01/08/Hexo-写作样式/
  • License: This work is licensed under CC BY-NC-SA 4.0.