Butterfly 文档

链接卡片

将下面的图标保存到[BlogRoot]/source/img/目录下

浏览器图标

1
2
{% link 糖果屋教程贴, https://akilar.top/posts/615e2dec/, /img/siteicon/Safari.png %}
{% link GitHub 地址, https://akilar.top/posts/615e2dec/, /img/siteicon/github.png %}

含有图标的按钮

含有图标的按钮:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% btns rounded grid5 %}
{% cell 下载源码, https://nodejs.org/en/, fas fa-download %}
{% cell 查看文档, https://nodejs.org/en/, fas fa-book-open %}
{% cell 链接地址, https://nodejs.org/en/, fab fa-safari %}
{% cell 项目地址, https://nodejs.org/en/, fab fa-github %}
{% cell 论坛地址, https://nodejs.org/en/, fas fa-comments %}
{% cell 文件地址, https://nodejs.org/en/, fas fa-file-alt %}
{% cell 存档, https://nodejs.org/en/, fas fa-archive %}
{% cell 笔记, https://nodejs.org/en/, fas fa-pen %}
{% cell 代码编辑, https://example.com, fas fa-code %}
{% cell 终端操作, https://example.com, fas fa-terminal %}
{% cell API文档, https://example.com, fas fa-file-code %}
{% cell 数据存储, https://example.com, fas fa-database %}
{% cell 社区讨论, https://example.com, fas fa-users %}
{% cell 安全指南, https://example.com, fas fa-shield-alt %}
{% cell 云部署, https://example.com, fab fa-aws %}
{% cell 性能监控, https://example.com, fas fa-chart-line %}
{% cell Bug提交, https://example.com, fas fa-bug %}
{% cell 更新日志, https://example.com, fas fa-history %}
{% cell Docker Hub地址, https://nodejs.org/en/, fab fa-docker %}
{% endbtns %}

Demo 2 - 预设选择tabs

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test2, 3 %}
<!-- tab 测试1-->
**This is Tab 1.**
<!-- endtab -->

<!-- tab 测试2 -->
**This is Tab 2.**
<!-- endtab -->

<!-- tab 测试3 -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}

This is Tab 1.

This is Tab 2.

This is Tab 3.

折叠框 folding

1
2
3
4
5
6
7
{% folding 点击查看教程 %}

**页脚 github 徽标和计时器**

安装插件

{% endfolding %}
点击查看教程

页脚 github 徽标和计时器

提醒

1
{% tip bell %}bell{% endtip %}

bell

1
{% note blue 'fas fa-bullhorn' simple %}2021年快到了....{% endnote %}

2021年快到了…