用Hexo建立Blog

Hexo是什麼?

Hexo是一套可以讓我們快速建立起客製化網誌的一套框架,並使用Markdown文件
建立網誌內容,編輯Markdown文件可以使用
Visual Studio Code這套微軟的IDE,一邊編輯一邊預覽,非常的方便。

安裝Hexo前的準備

先確定已經安裝好下列軟體:

  • Git
  • Node.js

安裝Hexo

輸入指令: $ npm install -g hexo-cli
install Hexo

建立Github的repository

createReposi

建立Hexo網誌所需的目錄、檔案,安裝node modules到plugins,並安裝git相依檔案

$ hexo init {目錄名稱}
$ cd {目錄名稱}
$ npm install
$ git init

執行完會在指定目錄下產生下列的目錄檔案
blogDirectory

啟動Server

執行下面指令,若能看到網誌頁面表示所需項目已經正確安裝

$hexo server

blogDirectory

Deploy準備

修改主要設定檔

configFile

網站主題相關設定

configFile

Git發佈設定

gitDeployConfig
repo: Repository URL

name: 此name與登入Git的name無關

設定完成後先安裝 Git deployer plugin for Hexo

安裝 Git deployer plugin for Hexo

$ npm install hexo-deployer-git --save

部署文件

Git deployer plugin - 內有_config.yml與Git deploy屬性設定相關的說明

產生靜態檔案並自動開始部屬

$ hexo generate -d

deploy1
deploy2

插入圖片

安裝可上傳圖片的插件

npm install hexo-asset-image --save

修改_config.yml的設定

post_asset_folder: true

產生新文章檔案以及與文章同名的目錄

$hexo new newPostName
cd D:/blog/justinyang1221

使用指令插入圖片

![圖片說明](newPostName/圖片名稱.jpg)