在 Hexo 中使用 NOTE 提示块 | Flatpaper Demo
Author
·
2026-05-16
·
via Flatpaper Demo
在 Hexo 中可以插入一些很酷的提示块，效果如下：
1. 基本语法
Markdown 的引用块样式
1
2
3
| {% note success %}
一个 Success 提示
{% endnote %}
|
提示块可以实现折叠
1
2
3
| {% note success 一个折叠的提示 %}
一个折叠的 Success 提示
{% endnote %}
|
一个折叠的提示
一个折叠的 Success 提示
引用内容预览
2. 更多风格
下面是全部支持的样式
对应的代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| {% note default %}
一个 default 提示
{% endnote %}
{% note primary %}
一个 primary 提示
{% endnote %}
{% note success %}
一个 success 提示
{% endnote %}
{% note info %}
一个 info 提示
{% endnote %}
{% note warning %}
一个 warning 提示
{% endnote %}
{% note danger %}
一个 danger 提示
{% endnote %}
|
3. 支持四种样式
当前使用的 flat 的风格
1
2
3
4
5
6
7
8
9
10
11
12
|
note:
style: flat
icons: false
light_bg_offset: 0
|
4. 使用 Tabs 标签
还可以在文章内设置选项卡
每个子标签显示为 标签 + 数字序号 ，默认展开第 1 个选项卡，如果是 -1 则只显示标签，不显示内容，点击可以显示内容
描述内容： 每个子标签显示为 标签 + 数字序号 ，默认展开第 1 个选项卡，如果是 -1 则只显示标签，不显示内容，点击可以显示内容
下面是上面标签的代码
1
2
3
4
5
6
7
8
9
10
11
12
| {% tabs 标签, 1 %}
描述内容： 每个子标签显示为 `标签 + 数字序号` ，默认展开第 1 个选项卡，如果是 -1 则只显示标签，不显示内容，点击可以显示内容
<!-- tab -->
**选项卡 1**
<!-- endtab -->
<!-- tab -->
**选项卡 2**
<!-- endtab -->
<!-- tab 标签三 -->
**选项卡 3** , 名字为 `TAB三`
<!-- endtab -->
{% endtabs %}
|
第一行 {% tabs 标签, 1 %} 设置每个子标签在不指定标题时显示为 标签 + 数字序号
1 表示默认展开第 1 个选项卡，如果是 -1 则只显示标签标题，隐藏内容，点击可以显示内容
无描述的 Tabs
\ Awesome! /
Ref: 在hexo-NexT中插入note提示块
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。
