Butterfly页面语法

还没写完，持续更新

Gallery图库

语法

1
2
3
4
5
<div class="gallery-group-main">
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
</div>
名字 用法
name 图库名字
description 图库描述
link 连接到对应gallery相册的地址
img-url 图库封面地址

举例

1
2
3
4
5
<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 %}
{% galleryGroup 'OH MY GIRL' '關於OH MY GIRL的圖片' '/Gallery/ohmygirl' https://i.loli.net/2019/12/25/hOqbQ3BIwa6KWpo.jpg %}
</div>
Group Image Gallery
壁紙

收藏的一些壁紙

Group Image Gallery
漫威

關於漫威的圖片

Group Image Gallery
OH MY GIRL

關於OH MY GIRL的圖片

Gallery相册

语法

1
2
3
{% gallery [lazyload],[rowHeight],[limit] %}
markdown 圖片格式
{% endgallery %}
参数 解释
lazyload 【可选】点击按钮加载更多图片，填写 true/false。默认为 false。
rowHeight 【可选】图片显示的高度，如果需要一行显示更多的图片，可设置更小的数字。默认为 220。
limit 【可选】每次加载多少张照片。默认为 10。

语法示例

1
2
3
4
5
6
7
8
9
10
11
{% gallery %}
markdown 圖片格式
{% endgallery %}

{% gallery true,220,10 %}
markdown 圖片格式
{% endgallery %}

{% gallery true,,10 %}
markdown 圖片格式
{% endgallery %}

示例

1
2
3
4
{% gallery %}
![](https://s2.loli.net/2023/05/13/wqArKSa1bm8UsnI.jpg)
![](https://s2.loli.net/2023/05/13/VOfZL9DoGQSdWeu.jpg)
{% endgallery %}
[{"url":"https://s2.loli.net/2023/05/13/wqArKSa1bm8UsnI.jpg","alt":""},{"url":"https://s2.loli.net/2023/05/13/VOfZL9DoGQSdWeu.jpg","alt":""}]

本文摘录自Butterfly官方文档,或有删改