hexo系列文章已經完成上傳：首先，介紹一下一、hexo準備—node.js、vue
二、hexo、主題、部署上線
三、butterfly美化
四、hexo之更換背景及透明度
五、hexo-使用阿里iconfont圖示
六、picgo：搭建圖床
七、hexo-網域名稱設定+收錄
引入方式，外部匯入css檔案，不影響內部配置。
建立乙個css檔案移動到\themes\butterfly\source\css目錄下。
inject在\source\_data的butterfly.yml中：
（如果沒有，可以建立乙個_data資料夾，將\themes\butterfly中的_config.yml複製過去，重新命名為butterfly.yml）
按以下方式引入css檔案。
css檔案,引入即可。
/* 文章頁背景 */
.layout_post>#post
/* 所有頁面背景 */
butterfly主題的背景div的id為web_bg，因此我們只需要重新定義這個樣式即可。
#web_bg
#web_bg
1.部落格同款
本部落格同款,在建立的css檔案中複製以下**:
#web_bg
2.動態漸變@keyframes gradientbg
50%100%
}#web_bg
3.紫藍色漸變#web_bg
4.漸變
第二個url中是位址，可以自行修改。
#web_bg
5.自行選擇
以下是兩款漸變色**：
css**放入css檔案中即可。
（注：複製的css**需要放在#web_bg{}中）
1.確保你能成功引入這個css
2.請嘗試關閉js動態背景後再次嘗試
3.將butterfly.yml的background改為"#efefef"
4.確保你寫的內容正確且符合css的語法規則
個人部落格為：
moyu』s github blog
moyu』s gitee blog
CSS設定背景透明度
控制 如下 各引數含義如下 enabledenabled設定或檢索濾鏡是否啟用。stylestyle設定或檢索div背景透明漸變的樣式。opacityopacity設定或檢索透明漸變的開始透明度。finishopacityfinishopacity設定或檢索div背景透明漸變的結束透明度。start...
CSS控制背景透明度
在css表中找到 modbr 換行後加入如下 透明度80 modbox,modbl,modbc,modbr 注 應用的式css中的alpha濾鏡，這個濾鏡可以設定目標元素的透明度。還可以通過指定座標，從而實現各種不同範圍的透明度。具體語法如下 具體引數含義如下 opacity 表示透明度調節，範圍在...
CSS控制背景透明度
在css表中找到 modbr 換行後加入如下 透明度80 modbox,modbl,modbc,modbr 注 應用的式css中的alpha濾鏡，這個濾鏡可以設定目標元素的透明度。還可以通過指定座標，從而實現各種不同範圍的透明度。具體語法如下 具體引數含義如下 opacity 表示透明度調節，範圍在...