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

2021-09-02 23:00:40 字數 712 閱讀 2512

如果還沒有搭建好部落格環境,請參考:

使用 hexo + github 搭建自己的部落格(**教程)

hexo 搭建好後,預設的主題叫 landscape,在 themes 目錄下可以找到它。

如果你不想自己的部落格就這麼不美觀的話,那就去 hexo themes 裡面挑乙個喜歡的吧,然後乾掉它。

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

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

轉殖當前倉庫,放在 hexo 所在目錄的 themes 資料夾下(原目錄下有乙個預設的 landscape 主題,新主題目錄和它同級)

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

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

例如使用這個主題:

我們就檢視 readme,md 檔案,介紹都非常詳細,博主沒必要在拷貝介紹。

Hexo,自定義部落格主題

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

Hexo,自定義部落格主題

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

自定義主題

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