Hexo-Next 常用 MD 语法合集

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

演示如下:

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