hexo之方便文创的代码

本文最后更新于:3 年前

Tag插件

便签

  便签,就是贴在文章中的彩色标签,用于展示作者的一些提示信息。便签是通过便签类型来进行划分的。
fluid配置指南

用法

1
2
3
4
{% note success %}
这里写便签里的内容
{% endnote %}
需注意:上面的success是便签类型的指代,此为绿色的便签。

便签类型和颜色的对应关系

便签类型 颜色
primary 紫色
secondary 灰色
success 绿色
danger 红色
warning 黄色
info 蓝色
light 白色

效果演示

我是primary,我是紫色

我是secondary,我是灰色

我是success,我是绿色

我是danger,我是红色

我是warning,我是黄色

我是info,我是蓝色

我是light,我是白色

行内标签

  行内标签类似于一个按钮(就是不可以按),用于标识信息。

用法:

1
{% label primary @text%}

text即为标签的文本,primary这些与便签类似,但多了个default,没有secondary和 light,且text开头不能是@。

效果演示:
我是primary
我是default
我是success
我是warning
我是danger

按钮

  按钮就是加了底色的外链跳转

用法:

1
{% btn url,text,title %}

btn标识其为一个按钮,url是点击后跳转的外链,text是按钮显示的文本,title是鼠标悬停的文字,是个可选项。

效果演示:

我是一个可以跳到百度的按钮

脚注

  脚注可以使得我们很方便地标出文章中一些引用部分的出处或是相关的解释。脚注在生成的文章中被放置于文末,类似于参考文献,且带有锚点,我们点击即可到达标注处。

用法

1
2
3
4
5
6
7
这里写的是我们第一处引用内容[1]
这里写的是我们第二处引用内容[2]
这里写的是我们第三处引用内容[3]

[^1]: 第一处的脚注
[^2]: 第二处的脚注
[^3]: 第三处的脚注

把上面代码段的内容贴到MD文档里是以下的效果

这里写的是我们第一处引用内容[1]
这里写的是我们第二处引用内容[2]
这里写的是我们第三处引用内容[3]

  1. 第一处的脚注
  2. 第二处的脚注
  3. 第三处的脚注

本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!