Hexo-Butterfly手册 | Crayonの博客

图标

标签外挂

Note（Bootstrap Callout）

配置参数

名称	用法
class	【可选】标识/颜色，可选值（ `default` / `primary` / `success` / `info` / `warning` / `danger` ）
no-icon	【可选】填写该项则不显示icon
style	【可选】覆盖配置中的style，可选值（ `simple` / `modern` / `flat` / `disabled` ）
color	【可选】颜色，可选值（ `default` / `blue` / `pink` / `red` / `purple` / `orange` / `green` ）
icon	【可选】可配置自定义 icon (只支持 fontawesome 图标, 也可以配置 no-icon )

用法

1
2
3

{% note [class] [no-icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}

效果：

Any content (support inline tags too.io).

1
2
3

{% note [color] [icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}

效果：

Any content (support inline tags too.io).

旧Gallery（相册图库）

配置参数

名称	说明
name	名称
description	描述
link	链接到的相册地址
img-url	封面地址

用法

<div class="gallery-group-main">
    {% galleryGroup '壁纸' '收藏的一些壁纸' '/gallery/wallpaper' 'https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png' %}
    {% galleryGroup '漫威' '关于漫威的图片' '/gallery/marvel' 'https://i.loli.net/2019/12/25/8t97aVlp4hgyBGu.jpg' %}
</div>

效果：

新Gallery相册

区别于旧Gallery相册，新Gallery会根据图片的长度进行自动排版

用法

1
2
3

{% gallery %}
markdown图片格式
{% endgallery %}

效果：

[{"url":"https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png","alt":""},{"url":"https://i.loli.net/2019/12/25/8t97aVlp4hgyBGu.jpg","alt":""}]

Tag-Hide（隐藏、收缩）

用法

注意：display中不能包含英文逗号，需要用&sbquo;代替

只限隐藏文字

用法：

1	{% hideInline content, display, bg, color %}

content：文本内容
display：【可选】按钮显示文字
bg：【可选】按钮背景颜色
color：【可选】按钮文字颜色

效果：

点我

可以隐藏很多内容，包括图片，代码块等等

用法：

1
2
3

{% hideBlock display, bg, color %}
content
{% endhideBlock %}

效果：

点我

收缩框

用法：

1
2
3

{% hideToggle display, bg, color %}
content
{% endhideToggle %}

效果：

点我展开

收缩默认不展示的内容