NexT 主題基礎配置（1）－語言、favicon、slidebar、footer 設定

發表於 更新於 分類於

等選擇好主題後，就可以來配置對應的資料，來看看我怎麼操作吧。

前言

本篇以我自己在配置時部分遇到的困難、困惑或是有設定的做步驟的紀錄。

Hexo 版本

  • hexo：6.2.0
  • hexo-server：3.0.0

NexT 版本

  • NexT：^8.12.1

語言設置

因為我是使用繁體中文，所以如果有特別想要設定的語言，可以透過參考資料的連結，確認是否有該語言，再進行設定。

  1. Hexo config file _config.yml -> language: zh-TW
  2. NexT config file _config.next.yml -> language: zh-TW

參考資料：internationalization

配置 favicon

方法一

  1. 至 node_modules/hexo-theme-next/source/images 取代圖片
  2. hexo s
  3. ctrl+shift+r 清除快取

方法二

  1. 至 source/ 新增 images 資料夾
  2. 把所需的圖檔都放置於此資料夾中 source\images
  3. 至 _config.next.yml 搜尋 favicon，確認路徑是否正確
    1
    2
    3
    4
    5
    favicon:
      small: /images/favicon-16x16-next.ico
      medium: /images/favicon-32x32-next.ico
      apple_touch_icon: /images/apple-touch-icon-next.jpg
      safari_pinned_tab: /images/logo.jpg
    Image
  4. hexo s 確認是否有出現對應的 favicon Image

推薦方法二，主要是因為方法一如果重新安裝的話，圖片都會被洗掉，蠻容易需要重複處理的。

配置大頭貼

最重要的步驟把大頭貼切成正方形。
我是使用 Hexo directory 的方式，透過底下的參考資料也能選擇自己想用的方式。Image

參考資料：Configuring-Avatar 配置大頭貼

設置 codeblock

  1. 使用 NexT Highlight Theme Preview.，確認喜歡的主題
  2. highlight or prismjs 擇一
  3. theme 黑暗 or 預設模式都要設定
  4. hexo s

參考資料

Slidebar

像是 Slidebar 想要放左邊或是右邊，還有間距大小、你期望放置的 social media link and icon 都可以在這邊找到

Image
Footer 主要就是這底下的文字，還有設定你的部落格開始年分，還有那顆愛心的樣式。