Fluid小技巧

本文最后更新于:2024年8月27日 上午

Fluid Tag插件

最近在写文章的时候,长篇大论,颜色单一,很难有读下去的欲望。于是准备去Fluid的配置指南找点灵感。咦!还真找到了Tag插件,有7种颜色可以选择,彩虹🌈面板不再是梦想。

便签

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

1
2
3
{% note success %}
文字 或者 markdown 均可
{% endnote %}
1
<p class="note note-primary">标签</p>

第一种是我最近经常用到的,感觉比HTML来的快。

可选便签:

primary

secondary

success

danger

warning

info

light

使用时 {% note primary %} {% endnote %} 这两块代码需要单独一行,否则会出现问题。源码例如:

1
2
3
{% note info %}
info
{% endnote %}

行内标签

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

1
{% label primary @text %}

或者使用 HTML 形式:

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

可选Label有primarydefaultinfosuccesswarningdanger

primary default info success warning danger

按钮

你可以在markdown中加入如下的代码来使用Button:

1
{% btn url, text, title %}{% btn url, text, title %}

或者使用HTML形式:

1
<a class="btn" href="url" title="title">text</a>
属性 含义
url 跳转链接
text 显示的文字
title 鼠标悬停时显示的文字(可选)

点击前往B站


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