本篇文章仅仅记录一些本人常用的外挂标签 详细的外挂标签以及外挂标签的安装请前往Tag Plugins Plus 如有不当之处请及时指出 不胜感激

段落文字p

1
2
3
4
5
6
7
8
9
{% p [configs], contents %}

<!--
configs: 文字配置 以空格分割 包括以下配置
font-family: logo, code(这个倒是真少见配置)
colors: red,yellow,green,cyan,blue,gray
size: small, h4, h3, h2, h1, large, huge, ultra
align: left, center, right
-->

红色,小字,左对齐

绿色,大字,右对齐

蓝色,2号标题,居中

1
2
3
{% p red small left, 红色,小字,左对齐 %}
{% p green large right, 绿色,大字,右对齐%}
{% p blue h2 center, 蓝色,2号标题,居中 %}

行内文本span

具体参考上一项

复选列表checkbox

1
2
3
4
5
6
7
8
9
10
{% checkbox [configs], [contents] %}

<!--
configs: 可选配置,具体配置如下
styles: plus(+), minus(-), times(×)
colors: red,yellow,green,cyan,blue,gray
checked: checked

contents: 支持简单的md语法
-->

纯文本测试

支持简单的 markdown 语法

青色 + 默认选中

蓝色 + 默认选中

增加

减少

1
2
3
4
5
6
7
{% checkbox 纯文本测试 %}
{% checkbox checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% checkbox cyan checked, 青色 + 默认选中 %}
{% checkbox blue checked, 蓝色 + 默认选中 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉 %}

单选列表radio

1
2
3
4
5
6
7
8
{% radio [configs], [contents] %}

<!--
configs: 可选配置,具体配置如下
colors: red,yellow,green,cyan,blue,gray
checked: checked

contents: 支持简单的md语法

纯文本测试

支持简单的 markdown 语法

青色

蓝色

1
2
3
4
{% radio 纯文本测试 %}
{% radio checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% radio cyan, 青色 %}
{% radio blue, 蓝色 %}

行内图片inlineimage

1
2
3
4
5
6
{% inlineimage link, height %}

<!--
link: 照片链接
height: 照片高度
-->

你好啊 靓仔 网图丢失勿怪
你好啊 靓仔 网图丢失勿怪

1
2
你好啊 靓仔{% inlineimage https://cdn.jsdelivr.net/gh/notalking569/picGo/img/test_pic.jpg, height=20px %} 网图丢失勿怪
你好啊 靓仔{% inlineimage https://cdn.jsdelivr.net/gh/notalking569/picGo/img/test_pic.jpg, height=100px %} 网图丢失勿怪

单张图片image

1
2
3
4
5
6
7
8
{% image link, width, height, alt, bg %}

<!--
link: 链接
width/height: 宽度、高度
alt: 图片描述 图片下方居中文字 这个不需要双引号(需要在主题配置中开启图片描述配置photofigcaption)
bg: 占位背景颜色 这个占位好像是剩余空间 注意这里自定义颜色的话 好像只能使用hex值 不能使用rgb
-->
这是本站的背景图片,但是忘了这个虚拟偶像叫什么来着emmm
这是本站的背景图片,但是忘了这个虚拟偶像叫什么来着emmm
1
{% image https://cdn.jsdelivr.net/gh/notalking569/picGo/img/default_cover_16.jpg, width=500px, height=300px, alt=这是本站的背景图片,但是忘了这个虚拟偶像叫什么来着emmm, bg=#5b65d4 %}

折叠框folding

1
2
3
4
5
6
7
8
{% folding configs, foldingTitle %}
{% endfolding %}
<!--
本折叠框还可以嵌套
configs: 可选配置,有以下配置
colors:blue, cyan, green, yellow, red 颜色好淡我去
status:状态填写 open 代表默认打开。
-->
正常的折叠框

这是一个再正常不过的折叠框 不是嘛 孩子

样式配置

这个折叠框是蓝色的 而且默认打开

第一层
第二层
第三层

是否感觉是套娃呢 孩子😘😘😘

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% folding, 正常的折叠框 %}
这是一个再正常不过的折叠框 不是嘛 孩子
{% endfolding %}

{% folding blue open, 样式配置 %}
这个折叠框是蓝色的 而且默认打开
{% endfolding %}

{% folding cyan, 第一层 %}
{% folding blue, 第二层 %}
{% folding yellow, 第三层 %}
是否感觉是套娃呢 孩子😘😘😘
{% endfolding %}
{% endfolding %}
{% endfolding %}

分栏tab

1
2
3
4
5
6
7
8
9
10
11
12
{% tabs [id], [pos] %}        
<!-- tab [tabTitle] [@icon] -->
[tabContents]
<!-- endtab -->
{% endtabs %}

<!--
id: 当前tab在当前页面的唯一标识
pos: 当前tab的预选tab栏 位置从1开始
tabTitle/tabContents: tab标签和tab内容
@icon: 使用图标
-->

参考本页的分栏tab样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

{% tabs test1, 2%}
<!-- tab 标签语法 -->
{% tabs [id], [pos] %}
<!-- tab [tabTitle] [@icon] -->
[tabContents]
<!-- endtab -->
{% endtabs %}
<!-- endtab -->

<!-- tab 样式演示 -->
**参考本页的分栏tab样式**
<!-- endtab -->

<!-- tab 参考源码 -->
<!-- endtab -->

{% endtabs %}

诗词标签poem(感觉不会用 但是有点意思)

1
2
3
{% poem [title],[author] %}
content
{% endpoem %}
水调歌头
苏轼

丙辰中秋,欢饮达旦,大醉,作此篇,兼怀子由。
明月几时有?把酒问青天。
不知天上宫阙,今夕是何年?
我欲乘风归去,又恐琼楼玉宇,高处不胜寒。
起舞弄清影,何似在人间?

转朱阁,低绮户,照无眠。
不应有恨,何事长向别时圆?
人有悲欢离合,月有阴晴圆缺,此事古难全。
但愿人长久,千里共婵娟。

1
2
3
4
5
6
7
8
9
10
11
12
{% poem 水调歌头,苏轼 %}
丙辰中秋,欢饮达旦,大醉,作此篇,兼怀子由。
明月几时有?把酒问青天。
不知天上宫阙,今夕是何年?
我欲乘风归去,又恐琼楼玉宇,高处不胜寒。
起舞弄清影,何似在人间?

转朱阁,低绮户,照无眠。
不应有恨,何事长向别时圆?
人有悲欢离合,月有阴晴圆缺,此事古难全。
但愿人长久,千里共婵娟。
{% endpoem %}