Hexo-Next 常用 MD 语法合集

发表于 更新于 分类于 本文字数： 476 阅读时长 ≈ 1 分钟

Photo by Erzsébet Vehofsics

Mrakdown 写作的体验很棒，除了标准语法之外，Next 自带的 Tag 插件有还有一些特殊用法，这里仅对常用语法做下记录。更多全面的特殊语法案例，可以参考 NexT 官网：

NexT 中文网 : 文档适用于 6.0 以下版本

NexT 英文网 : 文档适用于 6.0 以上版本

居中引用

1
{% cq %} 引用文字 {% endcq %}

演示如下：

沒有一種工作是不委屈的…「熬過去」的日子裡，你經歷的，其實正是多數人經歷的一切

彩色 Tags

1
2
3
4
5
6
7
8
9
{% label [class] @ 标签内容 %}

class：
 - default: 浅灰色,可留空
 - primary: 浅紫色
 - success: 浅绿色
 - info: 浅蓝色
 - warning: 浅黄色
 - danger: 浅红色

演示如下：

default primary success info warning danger

彩色 Note

避免将标签和内容写在同一行，可能引起编译错误。

1
2
3
4
5
6
7
8
9
10
11
{% note [class]%} 
内容
{% endnote %}

class: 
 - default: 灰色
 - primary: 紫色
 - success: 绿色
 - info: 蓝色
 - warning: 黄色
 - danger: 红色

演示如下：

default

primary

success

info

warning

danger

切换 Tabs

使用 tabs...endtabs 标记 Tab 框架，框架内用 <!-- tab [name]--> 注释语句区分 Tab。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% tabs [Class] %} // Class: 必填项，Tab的全局名称，唯一值，不能带有符号

<!-- tab 1号Tab-->
这里是1号Tab内容
<!-- endtab -->

<!-- tab 2号Tab-->
这里是2号Tab内容
<!-- endtab -->

<!-- tab 3号Tab-->
这里是3号Tab内容
<!-- endtab -->

{% endtabs %}

演示如下：

这里是 1 号 Tab 内容

这里是 2 号 Tab 内容

这里是 3 号 Tab 内容

按钮 Btn

使用自带 FontAwesome 图标，在 FontAwesome 上找到相应的图标名

1
2
3
4
5
{% btn [地址] , [内容] , [图标 规格] %}

[地址]：当使用外链绝对引用时，无按钮，样式类似Markdown链接跳转
[图标 规格]: 使用无`fa-`开头的FontAwesome图标，可以用以下规格定义图标大小
fa-fw | fa-lg | fa-2x | fa-3x | fa-4x | fa-5x

演示如下：

相对引用： 首页
绝对引用： 百度
图标规格：