Hexo+Github--搭建我的博客(二)主題配置

安裝完hexo後,咱們即可以開始使用hexo,若是咱們想更換主題使得網站更加簡潔或者酷炫,那麼咱們能夠進行主題更換。主題有不少,下面以NexT主題爲例,git

講下如何更換主題:github

1、NexT主題安裝緩存

Hexo提供了更換主題模塊,進入你的博客部署文件夾,能夠看到有個themes文件夾,這個文件夾就是用來存放主題的hexo

首先咱們使用git clone NexT主題到主題文件目錄下網站

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

接着咱們啓用主題,在博客根目錄下的 _config.yml 配置文件 將theme 設置爲next 便可spa

這裏要注意博客根目錄下的_config.yml 爲站點配置文件用戶hexo的一些設置,next主題文件夾下也有一個_config.yml 爲主題配置文件用於配置主題信息翻譯

接下來咱們來驗證一下主題是否已經開啓,執行命令code

hexo clean  //用於清除hexo緩存

hexo -s //部署

接着咱們訪問http://localhost:4000 即可以看到主題已經更改爲功blog

2、NexT主題個性化設置ip

1.設置風格

NexT主題包含了不一樣的風格:

  • Muse - 默認 Scheme,這是 NexT 最初的版本,黑白主調,大量留白
  • Mist - Muse 的緊湊版本,整潔有序的單欄外觀
  • Pisces - 雙欄 Scheme,小家碧玉似的清新

能夠在主題配置文件中進行修改:

找到Schemes 這裏我啓用的是Pisces主題,若是想更換其他主題,去掉#號便可

2.設置菜單

首先設定菜單內容,對應的字段是配置文件中的 menu:

設置格式爲:item name:link   item name是一個名稱,這個名稱並不直接顯示在頁面上,將用於匹配圖標及翻譯

接着設置菜單項的顯示文本 

前面設置的菜單名稱並非直接用於頁面顯示。Hexo 在生成的時候將使用 這個名稱查找對應的語言翻譯,並提取顯示文本。這些翻譯文本放置在 NexT 主題目錄下的 languages/{language}.yml 

設置菜單項的圖標:

對應的格式是 item name :icon name  icon name是 Font Awesome 圖標的 名字

 

3.設置頭像

設置頭像須要到hexo 的配置文件中修改字段avatar,值爲頭像連接地址,連接地址能夠是:

完整的互聯網 URI http://example.com/avatar.png
站點內的地址

將頭像放置主題目錄下的 source/uploads/ (新建 uploads 目錄若不存在) 
配置爲:avatar: /uploads/avatar.png

或者 放置在 source/images/ 目錄下 
配置爲:avatar: /images/avatar.png

 

 

4.設置做者暱稱

 做者暱稱的設置也是hexo的配置文件中修改,字段爲author

 

以上的設置我只選取了一些出來,詳細的設置能夠參考官網的文檔,以後一些本身新增的設置也會在這裏更新。

相關文章
相關標籤/搜索