练习butterfly语法

按钮类

content 不能包含英文逗號，可用（&sbquo；
格式：

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

站主是谁？ fengxi2233

网站第一版创建于? 2022.10.22

图表

使用 mermaid 標籤可以繪製 Flowchart（流程圖）、Sequence diagram（時序圖 ）、Class Diagram（類別圖）、State Diagram（狀態圖）、Gantt（甘特圖）和 Pie Chart（圓形圖），具體可以查看mermaid 文檔
格式：

1
2
3
$ {% mermaid %}
$ 图表详情
$ {% endmermaid %}

图片元素

主題中的圖片都是默認以塊級元素顯示，如果你想以內聯元素顯示，可以使用這個標簽外掛。
格式：

1
2
![](图片链接)
{% inlineImg [图片链接] [高度可选] %}

f

汐

高亮文字

由于 hexo 的渲染限制，在段落开头使用 label 标签外挂会出現一些问题。例如：连续开头使用 label 标签外挂的段落无法换行
建议 不要 在段落开头使用 label 标签外挂
格式：

1
2
臣亮言：{% label 先帝 %}創業未半，而{% label 中道崩殂 blue %}。今天下三分，{% label 益州疲敝 pink %}，此誠{% label 危急存亡之秋 red %}也！然侍衞之臣，不懈於內；{% label 忠志之士 purple %}，忘身於外者，蓋追先帝之殊遇，欲報之於陛下也。誠宜開張聖聽，以光先帝遺德，恢弘志士之氣；不宜妄自菲薄，引喻失義，以塞忠諫之路也。
宮中、府中，俱為一體；陟罰臧否，不宜異同。若有{% label 作奸 orange %}、{% label 犯科 green %}，及為忠善者，宜付有司，論其刑賞，以昭陛下平明之治；不宜偏私，使內外異法也。

臣亮言：先帝創業未半，而中道崩殂。今天下三分，益州疲敝，此誠危急存亡之秋也！然侍衞之臣，不懈於內；忠志之士，忘身於外者，蓋追先帝之殊遇，欲報之於陛下也。誠宜開張聖聽，以光先帝遺德，恢弘志士之氣；不宜妄自菲薄，引喻失義，以塞忠諫之路也。
宮中、府中，俱為一體；陟罰臧否，不宜異同。若有作奸、犯科，及為忠善者，宜付有司，論其刑賞，以昭陛下平明之治；不宜偏私，使內外異法也。

时间线

格式：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{% timeline title,color %}

<!-- timeline title -->

xxxxx

<!-- endtimeline -->
<!-- timeline title -->

xxxxx

<!-- endtimeline -->

{% endtimeline %}

例子：

2025

01-02

hollow！

推荐链接

可在任何界面插入类似友情链接列表效果

内容格式与友情链接界面一样，支持yml格式
格式：

1
2
3
{% flink %}
xxxxxx
{% endflink %}

例子：

友情鏈接
那些人，那些事
CrazyWong
CrazyWong
今日事,今日畢
Hexo
Hexo
快速、簡單且強大的網誌框架
網站
值得推薦的網站
Youtube
Youtube
視頻網站
Weibo
Weibo
中國最大社交分享平台
Twitter
Twitter
社交分享平台

系列文章

先在yml启用series

1
2
3
4
5
series:
    enable: true
    orderBy: 'title' # 排序方式，默認為 title, 可選 title / date
    order: 1 # 排序方式，默認為 1, 可選 1 (升序) / -1（降序）
    number: true #顯示序列號

在文章的front-matter上添加參數 series，並給與一個標識
使用此標簽外掛，會把相同標識的文章以列表的形式展示
如果不寫 series 標識，則默認為你使用此標簽外掛所在的文章的 series 標識

格式：

1
2
{% series %}
{% series [series name] %}

例子：

  1. 我的 gravatar 主页
  2. 文章内语法示例
  3. 文章页配置示例