颜色代码

颜色	HTML
红色	e02525
黄色	ffcd00
蓝色	02a2ff
灰色	6a737d
橙色	ee7109
绿色	33e33c
白色	c4c6c9

插件测试

本章节内容来自 Fluid 用户手册，略有修改。

便签

• Markdown 代码及演示

{% note success %}
文字 或者 `markdown` 均可
{% endnote %}
MARKDOWN

文字 或者 markdown 均可

• HTML 代码及演示

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

标签

注意：使用时 {% note primary %} 和 {% endnote %} 需单独一行，否则会出现问题

• 其他样式

primary

secondary

success

danger

warning

info

light

---

行内标签

• Markdown 代码及演示

{% label primary @text %}
MARKDOWN

text

• HTML 代码及演示

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

Label

• 其他样式

primary default info success warning danger

---

折叠块

• Markdown 代码及演示

{% fold info @title %}
需要折叠的一段内容，支持 markdown
{% endfold %}
MARKDOWN

▶

title

需要折叠的一段内容，支持 markdown

info：和行内标签类似的可选参数
title：折叠块上的标题

---

勾选框

• Markdown 代码及演示

{% cb text, checked?, incline? %}
MARKDOWN

text

text：显示的文字
checked：默认是否已勾选，默认 false
incline: 是否内联（可以理解为后面的文字是否换行），默认 false

---

按钮

• Markdown 代码及演示

{% btn url, text, title %}
MARKDOWN

text

• HTML 代码及演示

<a class="btn" href="url" title="title">text</a>
HTML

text

url：跳转链接
text：显示的文字
title：鼠标悬停时显示的文字（可选）

---

组图

• Markdown 代码及演示

{% gi total n1-n2-... %}
  ![](url)
  ![](url)
  ![](url)
  ![](url)
  ![](url)
{% endgi %}
MARKDOWN

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

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