Hexo,自定義部落格主題

2021-09-20 01:07:29 字數 1780 閱讀 1283

hexo搭建好後,預設的主題叫 landscape。可是,如果你不想自己的部落格就這麼乾巴巴的,那就去hexo themes裡面挑乙個喜歡的吧,然後換掉它。

從上圖可以看到,hexo themes 目前已經提供了超過200個主題供大家選擇,這些主題呢都是世界各地熱愛開源的小夥伴分享出來的(下乙個可能就是你了)。心動了吧,那麼改個主題很難嗎?答案當然是否定的,只需要下面簡單幾步,我們就可以擁有乙個好看又有個性又有逼格的部落格。

挑乙個你喜歡的 blog theme,點進去(多數是貢獻者的部落格**)

找到當前主題的github倉庫入口(通常情況在部落格的正下方),進入github

轉殖當前倉庫,放在hexo所在目錄的themes資料夾下

修改hexo根目錄下的_config.yml檔案,找到theme配置項,修改為轉殖的主題名稱

閱讀當前theme repository的readme.md,參考說明並修改相應配置即可(一般來說每個主題都有自己的_config.yml配置檔案,我們只需要關注主題的配置檔案即可)

ps:支援安裝多個主題,但一次只能使用乙個,在根目錄下的_config.yml檔案中修改切換主題即可。安裝和使用主題中遇到的任何問題,可以通過檢視主題所在github倉庫的issues來排查和提問,或者直接聯絡主題貢獻者協助解決吧。

hexo部落格換裝,大概就以上這麼幾步。下來給大家介紹一下我的部落格換裝過程,有興趣的可以接著往下看。

我這個部落格用的主題叫miho,然後這套主題貢獻者部落格大概長下面這個樣子。

是不是覺得有點不太一樣,這是因為預設的主題還是不太符合我的個性,所以我是有做一點點改造。如果大家接觸過前端或者乾脆就是做前端開發的,那這些應該都不是難事。好了,下面正式介紹下我是怎麼換裝的。

hexo themes,搜尋「miho」,點進去

在貢獻者部落格的正下方,找到了miho主題所在的github repository

轉殖倉庫,修改相關配置,主要參考readme.md和主題貢獻者發布的miho-主題安裝和配置詳情

後期個性化調整,主要修改了miho\source目錄下的部分樣式檔案,以及miho\layout目錄下的部分結構檔案

神奇嗎?用hexo,自定義部落格主題就這麼簡單,你還在猶豫什麼呢?

github pages介紹及搭建

hexo整合github pages

hexo,自定義網域名稱http公升級https

hexo,自定義部落格主題

hexo,使用bat指令碼部署文章

Hexo,自定義部落格主題

hexo搭建好後,預設的主題叫 landscape。可是,如果你不想自己的部落格就這麼乾巴巴的,那就去hexo themes裡面挑乙個喜歡的吧,然後換掉它。從上圖可以看到,hexo themes 目前已經提供了超過200個主題供大家選擇,這些主題呢都是世界各地熱愛開源的小夥伴分享出來的 下乙個可能就...

Hexo 安裝和替換主題 自定義部落格主題

如果還沒有搭建好部落格環境,請參考 使用 hexo github 搭建自己的部落格 教程 hexo 搭建好後,預設的主題叫 landscape,在 themes 目錄下可以找到它。如果你不想自己的部落格就這麼不美觀的話,那就去 hexo themes 裡面挑乙個喜歡的吧,然後乾掉它。挑乙個你喜歡的 ...

自定義主題

element 預設提供一套主題,css 命名採用 bem 的風格,方便使用者覆蓋樣式。我們提供了三種方法,可以進行不同程度的樣式自定義。element 的 theme chalk 使用 scss 編寫,如果你的專案也使用了 scss,那麼可以直接在專案中改變 element 的樣式變數。新建乙個樣...