[Hexo]Hexo+Github快速建立Blog

使用Hexo blog框架 + Github 快速架設、管理自己的Blog。
Hexo 使用 Markdown 解析文章。

安裝NodeJS

• 會使用到npm，所以要先安裝Node.js，先到官網下載
  Node.js官網

• 直接下一步，安裝完成

使用Visual Studio Code 開啟Terminal

• 安裝hexo-cli

npm install hexo-cli -g

• 初始化Blog

hexo init blog

• 切到blog安裝環境

cd blog
npm install

• 試RUN一下

hexo s -p 8080
or
hexo s (預設port:4000)

s (server)：啟動伺服器
-p (–port)：設定你要的port

使用Hexo寫Blog

• 整體流程: new新文章 –> 編輯 –> 產生靜態檔 –> 發佈
• 創建新文章

hexo new [layout] "your-article-title"

文章檔案會在 source/_drafts/、source/_posts/ 或 source/ 下。
三種預設 layout: draft(草稿)、post(公開文章) 和page(頁面)，預設是 post。
也可以在 scaffolds 中編輯或添加模板。

編輯文章

• 使用Markdown

• 插入圖片
  先在blog/source/下建立img資料夾，將圖片放在此資料夾，在文中引用

![說明](/img/文章資料夾/your-image.png)

• 產生靜態檔

hexo generate
or
hexo g

• 發佈文章

hexo deploy
or
hexo d
or
hexo -d

• 產生靜態檔和發佈文章可以一起執行

hexo g -d  #=> 產生靜態檔後佈署
hexo d -g  #=> 佈署前產生靜態檔

• 部屬會依照_config.yml的 deploy 作佈署

# Deployment
deploy:
  type: git
  repo: https://github.com/your-github-username/your-github-username.github.io.git
  branch: master