hexo博客常用内置标签

前言

一个月以前就注意到这些稍微进阶的用法，当时没仔细研究。

文本居中标签

可以用做文章标题，或者突出引用内容。
语法：

{% centerquote %}blah blah blah{% endcenterquote %}

效果图：

blah blah blah

note标签

可以用来做注解或者强调重点。
在使用之前，我们在主题配置文件里面设置note模块：

语法：[class]可以是default、primary、success、info、warning、danger、不指定。

{% note [class] %}
文本内容 (支持行内标签)
{% endnote %}

效果图：

label标签

可以用来给文字添加背景色。
语法：[class]可以是default、primary、success、info、warning、danger。默认是default。

{% label [class] @text %}

效果图：

button按钮

和超链接是一回事，只不过这个超链接的形式是按钮。
语法：

{% button /path/to/url/, text, icon [class], title %}

等价于：

{% btn /path/to/url/, text, icon [class], title %}

示例：

{% btn #, 文本 %}
{% btn #, 文本 & 标题,, 标题 %}
{% btn #, 文本 & 图标, home %}
{% btn #, 文本 & 大图标 (固定宽度), home fa-fw fa-lg %}

效果图：

注意，图标可以自己修改，在icon网站找到喜欢的图标，替换icon[class]就可以了。
比如：

{% btn #, 文本 & 大图标 (固定宽度), fa fa-address-book %}

这里的fa fa-address-book就是网站里面这个图标对应的class：

tab标签

用来创建tab选项卡，比较酷炫。
语法：

{% tabs [Unique name], [index] %}
  <!-- tab [Tab caption]@[icon] -->
  标签页内容（支持行内标签）
  <!-- endtab -->
{% endtabs %}

示例：

{% tabs Tab标签列表 %}
  <!-- tab 标签页1 -->
    标签页1文本内容
  <!-- endtab -->
  <!-- tab 标签页2 -->
    标签页2文本内容
  <!-- endtab -->
  <!-- tab 标签页3 -->
    标签页3文本内容
  <!-- endtab -->
{% endtabs %}

效果：

参考博文

https://tangjiuyang.com/Hexo/hexo-writing-skills.html