Github+Hexo+Butterfly建站遇到问题汇总（二）

根据前文，我使用的时Hexo框架，主题使用的是Butterfly
下面是对butterfly的一些美化和使用功能添加

1. 添加RSS功能

Hexo butterfly 主题添加 RSS 插件
根据这篇博文添加了RSS订阅的功能。

2. 搭建图床

如何搭建自己的图床(GitHub版)
根据这篇博文添加了github图床
要把分支设为main
关于批量加入水印问题：
批量添加水印项目传送门

3. 常用markdown语法

画图mermaid

写法：
{% mermaid %}
內容
{% endmermaid %}
例子
{% mermaid %}
pie
title Key elements in Product X
“Calcium” : 42.96
“Potassium” : 50.05
“Magnesium” : 10.01
“Iron” : 5
{% endmermaid %}

按钮 button

写法：

{% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}

[url]         : 鏈接
[text]        : 按鈕文字
[icon]        : [可選] 圖標
[color]       : [可選] 按鈕背景顔色(默認style時）
                      按鈕字體和邊框顔色(outline時)
                      default/blue/pink/red/purple/orange/green
[style]       : [可選] 按鈕樣式 默認實心
                      outline/留空
[layout]      : [可選] 按鈕佈局 默認為line
                      block/留空
[position]    : [可選] 按鈕位置 前提是設置了layout為block 默認為左邊
                      center/right/留空
[size]        : [可選] 按鈕大小
                      larger/留空


作者: Jerry
連結: https://butterfly.js.org/posts/4aa8abbe/#Tabs
來源: Butterfly
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。

例子：
{% btn ‘https://butterfly.js.org/’,Butterfly,far fa-hand-point-right,block %}
{% btn ‘https://butterfly.js.org/’,Butterfly,far fa-hand-point-right,block center larger %}
{% btn ‘https://butterfly.js.org/’,Butterfly,far fa-hand-point-right,block right outline larger %}

图片inlineImg

{% inlineImg [src] [height] %}

[src]      :    圖片鏈接
[height]   ：   圖片高度限制【可選】

例子：

你看我長得漂亮不

![](https://i.loli.net/2021/03/19/2P6ivUGsdaEXSFI.png)

我覺得很漂亮 {% inlineImg https://i.loli.net/2021/03/19/5M4jUB3ynq7ePgw.png 150px %}

时间轴

{% timeline title,color %}
<!-- timeline title -->
xxxxx
<!-- endtimeline -->
<!-- timeline title -->
xxxxx
<!-- endtimeline -->
{% endtimeline %}

{% timeline 2022 %}
<!-- timeline 01-02 -->
這是測試頁面
<!-- endtimeline -->
{% endtimeline %}