第一次使用hexo寫文章

本篇是將文章內容整理濃縮，作為學習之用，下文會一一附上原文連結，如有侵權，經告知之後會立即撤下

前言

這是一個學習紀錄，記下我學到的新的功能，所以只會引用文章中程式碼的部分，詳情請看參考文章原文。

參考文章

Hexo Blog 輕鬆架

【學習筆記】如何使用 Hexo + GitHub Pages 架設個人網誌

下載 hexo

詳細請看
【學習筆記】如何使用 Hexo + GitHub Pages 架設個人網誌

• 安裝 Node.js

• 安裝 Hexo-cli

指令	用途
npm install hexo-cli -g	安裝 Hexo
hexo init <資料夾名稱>	在特定資料夾開始使用 Hexo
$ npm install	開始使用 npm

Hexo 的資料夾結構解釋

詳細請看學習筆記】如何使用 Hexo + GitHub Pages 架設個人網誌
.
├── _config.yml 設定檔

├── package.json記錄載入模組

├── scaffolds模板檔案

├── source資源 存放原始檔案

| ├──drafts草稿

| └── posts發布的文章

└── themes主題

進行 Hexo 設定

建立自己 Blog 系列(三) Hexo next theme 介紹-解說 config.yml 設定檔

• 找到資料夾中 config.yml
• 修改 config.yml 的設定 (按照文章中的去改就好)

建立第一篇文章

Hexo Blog 輕鬆架

新增一篇文章

>$ hexo new [layout] `<`title`>`

編輯文章內容

注意撰寫格式不對的話就無法正常顯示


    ---
    title: "[Leetcode] #206_Reverse Linked List"
    date: 2021-08-06 15:21:16
    updated: 2021-11-30 15:21:16
    tags: [Leetcode, easy]
    categories:
        - leetcode
        - data structure
    ---

啟動伺服器 開啟 blog 頁面

 $ hexo server

指令	用途
hexo new [layout] <title>	新增文章
$ hexo clean	清除靜態檔案與快取
$ hexo generate	產生靜態檔案
$ hexo server	啟動伺服器 開啟 blog 頁面
$ hexo new post	產生新貼文模板

部署到 GitHub

【學習筆記】如何使用 Hexo + GitHub Pages 架設個人網誌

以下圖片均來自原文 此處只作為步驟紀錄

設定 GitHub 的部分

• Step1. 註冊 GitHub 帳號並登入
• Step2. 點選 New 新增一個 Repository（專案）
  
• Step3. 將專案名稱命名為 username.github.io，username 記得改成自己的帳號名稱
  

設定本機的部分

• Step1. 安裝 Git 相關套件

  $ npm install hexo-deployer-git –save

• Step2. 修改 _config.yml 檔案的 Deployment 設定

  這裡指的_config.yml 檔案是根目錄的
  

第一次部屬到 GitHub

1. 輸入部署指令

   $ hexo deploy

2. 依序輸入 clean -> generate -> deploy 三行指令，避免更新不完全：

   hexo cl    // 清除之前建立的靜態檔案
   hexo g     // 建立靜態頁面
   hexo d     // 部署至 GitHub
   
   hexo g -d  //合併第二、三行指令