Chuan's Mindspace
【教學：Hexo】建立 Hexo 部落格（施工中）
Chuan
  2024/12/16 23:43   2025/01/01 16:21  

　　從頭開始建立 Hexo 部落格。


建議參考資料

  • Hexo 官方文件
    文件 | Hexo
    • 有「正體中文」選項，雖然翻譯不完全、不過還是可以加減看。

建立 Hexo 部落格

1. 初始化 Hexo 資料夾

  1. 確認已安裝 Node.js、Git
  2. 開啟 Git Bash，透過 npm 安裝「hexo-cli」 
    1
    $ npm install -g hexo-cli
    • 可以再次確認是否已成功安裝「hexo-cli」，如果有顯示許多版本訊息、代表有成功安裝。 
      1
      $ hexo version
  3. 在想要的地方建立一個空資料夾，作為 Hexo 資料夾
  4. 在此開啟 Git Bash、初始化 Hexo 
    1
    $ hexo init
  5. 透過 npm 安裝 dependencies 到此專案 
    1
    $ npm install

2. 設置 _config.yml

  • Site 
    1
    2
    3
    4
    5
    6
    7
    title: Chuan's Notesite  # 網站標題
    subtitle: ''  # 網站副標題
    description: ' '  # 網站敘述
    keywords: programming, tech, 程式, 技術  # 網站關鍵字
    author: Chuan  # 網站作者
    language: zh-TW  # 網站語言，`zh-TW` 是「中文 - 台灣」
    timezone: Asia/Taipei  # 網站時區，`Asia/Taipei` 是台北時區（UTF+8）
    • keywords：這裡填寫的字串，會變成每個網頁的 meta「keyword」元素。 
      1
      <meta name="keywords" content="programming, tech, 程式, 技術">
      • 這個 meta 元素會影響 SEO；但是我不曉得具體如何影響。
      • 「每個網頁」都會套用；
        如果想要設置個別文章的 keywords，要在該篇的 front-matter 自行加上 keywords 欄位填寫、並且會覆蓋掉這裡設置的內容。
    • language：語言代碼
      • 設定每個網頁 html 元素的 lang 屬性。 
        1
        <html lang="zh-TW">
      • 如果選用的主題有支持，也會跟著改變介面的顯示語言。
    • timezone：時區

  1. 建議參考資料
  2. 建立 Hexo 部落格
    1. 1. 初始化 Hexo 資料夾
    2. 2. 設置 _config.yml
  1. 建議參考資料
  2. 建立 Hexo 部落格
    1. 1. 初始化 Hexo 資料夾
    2. 2. 設置 _config.yml