所有过往, 皆为序章.

Hexo-NexT Tag 插件的使用文档

文本居中引用 - Centered Quote

使用方法

1
{% cq %}上士闻道,勤而行之;中士闻道,若存若亡;下士闻道,大笑之。不笑不足以为道。{% endcq %}

显示效果

上士闻道,勤而行之;中士闻道,若存若亡;下士闻道,大笑之。不笑不足以为道。

提示块 - Note

使用方法

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 %}

主题配置文件中可以修改风格

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# Note tag (bs-callout).
note:
# Note tag style values:
# - simple bs-callout old alert style. Default.
# - modern bs-callout new (v2-v3) alert style.
# - flat flat callout style with background, like on Mozilla or StackOverflow.
# - disabled disable all CSS styles import of note tag.
# 风格
style: flat
# 要不要图标
icons: true
# 圆角矩形
border_radius: 3
# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
# Offset also applied to label tag variables. This option can work with disabled note tag.
light_bg_offset: 0

显示效果

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

标签 - Label

使用方法

1
2
{% label default@默认 %} {% label primary@主要 %} {% label success@成功 %} {% label info@信息 %} {% label warning@警告 %} {% label danger@危险 %} 
{% label success@这是成功的信息%}

显示效果

默认 主要 成功 信息 警告 危险 这是成功的信息

选项卡 - Tabs

使用方法

1
2
3
4
5
6
7
8
9
10
11
{% tabs tab,1 %} 名字为tab,默认在第1个选项卡,如果是-1则隐藏
<!-- tab -->
**选项卡 1**
<!-- endtab -->
<!-- tab -->
**选项卡 2**
<!-- endtab -->
<!-- tab A -->
**选项卡 3** 名字为A
<!-- endtab -->
{% endtabs %}

主题配置文件

1
2
3
4
5
6
7
# Tabs tag
tabs:
enable: true
transition:
tabs: true
labels: true
border_radius: 0

显示效果

选项卡 1

选项卡 2

选项卡 3 名字为A

选项卡 1

按钮 - Button

使用方法

1
{% button url, text, icon [class], [title] %}
  • url : 绝对或相对 URL
  • text : 按钮文字,如果未指定图标则为必须
  • icon : FontAwesome 图标名称(开头没有’fa-‘)。如果未指定文本,则为必需
  • [class] : FontAwesome 类:fa-fw | fa-lg | fa-2x | fa-3x | fa-4x | fa-5X ,可选参数。
  • [title] : 鼠标悬停时的工具提示,可选参数。

注意:最好添加 `` 标签,测试时没加 div,下面显示不完全,加上非常美观。

一个示例

1
<div>{% button https://blog.cayzlh.com ,首页, home fa-fw ,CAYZLH%}</div>

显示效果

多个按钮居中显示

1
<div class="text-center"><div>{% button https://blog.cayzlh.com ,首页,home fa-fw,CAYZLH%} {% button https://blog.cayzlh.com/about/ ,关于我,home fa-fw,CAYZLH%}</div></div>