Fluid主题脚注、标签、多图的语法

本文最后更新于:2024年9月16日 下午

脚注

主题内置了脚注语法支持,可以在文章末尾自动生成带有锚点的脚注,该功能在主题配置中默认开启:

1
2
3
4
post:
footnote:
enable: true
header: ''

脚注语法如下:

1
2
这是一句话[1]
[^1]: 这是对应的脚注

显示效果:

这句话带脚注[1]

这句话也带脚注[2]

标签

在 markdown 中加入如下的代码来使用便签:

1
2
3
{% note success %}
文字 或者 `markdown` 均可
{% endnote %}

或者使用 HTML 形式:

1
<p class="note note-primary">标签</p>

可选标签 primary,secondary,success,danger,warning,info,light 显示效果:

primary

secondary

success

danger

warning

info

light

行内标签

在 markdown 中加入如下的代码来使用 Label:

1
{% label primary @text %}

或者使用 HTML 形式:

1
<span class="label label-primary">Label</span>

效果展示:

primary secondary success danger warning info light

组图

如果想把多张图片按一定布局组合显示,你可以在 markdown 中按如下格式:

1
2
3
4
5
6
7
{% gi total n1-n2-... %}
![](url)
![](url)
![](url)
![](url)
![](url)
{% endgi %}

total:图片总数量,对应中间包含的图片 url 数量 n1-n2-...:每行的图片数量,可以省略,默认单行最多 3 张图,求和必须相等于 total,否则按默认样式

例如 {% gi 5 3-2 %} 代表共 5 张图,第一行 3 张图,第二行 2 张图。

参考

  1. 参考资料1 ↩︎
  2. 参考资料2 ↩︎

Fluid主题脚注、标签、多图的语法
https://andyppang.github.io/2021/05/20/Fluid主题脚注、标签、多图的语法/
作者
PL
发布于
2021年5月20日
许可协议