在source目錄下新建css/custom.css
檔案,在_config.butterfly.yml
檔案中引入
inject:
head:
-
以下樣式可以根據自己喜歡隨意增刪
/* 自定義字型 字型放在source/fonts/目錄下 */
@font-face
/* 頁尾透明 */
#footer
/*頁尾自定義字段字型顏色*/
/* 也就是配置檔案裡的footer_custom_text */
.footer_custom_text
/* 版權鏈結去掉下劃線 */
text-decoration: none;
}@media screen and (max-width: 800px)
}/* 滾動條 */
::-webkit-scrollbar
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-moz-selection
/* 側邊欄天氣時鐘去掉背景色 */
#aside-content.aside-content > .sticky_layout > .card-widget.card-clock > .card-glass > .card-background
/* 透明度修改 */
/* 首頁文章卡片 */
#recent-posts > .recent-post-item
/* 首頁側欄卡片 */
.card-widget
/* 文章頁面正文背景 */
div#post
/* 分頁頁面 */
div#page
/* 歸檔頁面 */
div#archive
/* 標籤頁面 */
div#tag
/* 分類頁面 */
div#category
/* 滑鼠樣式修改 */
body
a,img
/* 搜尋框圓角 */
.search-dialog
在node_modules中找到butterfly依賴,然後在layout\includes\widget\
下新增card_poem.pug
檔案:
#card-poem.card-widget
#poem_sentence
#poem_info
#poem_dynasty
#poem_author
script(src='', charset='utf-8')
script(type='text/j**ascript').
jinrishici.load(function(result) );
在同目錄的index.pug
檔案你要想的引入地方引入即可。
!=partial('includes/widget/card_poem', {}, )
inject:
head:
# - - - -
效果如下: Butterfly主題背景魔改
在hexoblog themes butterfly layout includes header index.pug 中插入 在 hexoblog themes butterfly layout includes layout.pug 中插入 隨機背景是引用小康的工具庫的配置js 引用工具庫的js...
Butterfly主題Valine評論美化
使用方法如下,將css加到部落格樣式檔案中,檔案路徑如下 x xx hexoblog themes butterfly source css index.styl veditor veditor focus其中的 200px 差不多代表了的高度,transition 中的 0.2s 代表了消失的時間...
3 魔改 神話魔改小劇場第3話
未完待續.純原創盜圖使用者必究 夸父關於夸父的記載最廣為人知的應該是 夸父逐日 的故事 夸父與日逐走,入日。渴欲得飲,飲於河渭,河渭不足,北飲大澤。未至,道渴而死。棄其杖。化為鄧林。出自 山海經 海外北經 不過翻開山海經,我們還能看到關於夸父更多的記錄。比如在 山海經 海外北經 還有一處寫道 博父國...