butterfly主題魔改

2022-09-10 06:54:08 字數 1727 閱讀 4906

在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話

未完待續.純原創盜圖使用者必究 夸父關於夸父的記載最廣為人知的應該是 夸父逐日 的故事 夸父與日逐走,入日。渴欲得飲,飲於河渭,河渭不足,北飲大澤。未至,道渴而死。棄其杖。化為鄧林。出自 山海經 海外北經 不過翻開山海經,我們還能看到關於夸父更多的記錄。比如在 山海經 海外北經 還有一處寫道 博父國...