Setup a Hexo Blog
安裝 Hexo
安裝 Hexo 之前,必須要先安裝 Git 跟 Node.js 。
接下來在終端機輸入以下指令進行安裝:
1 | $ npm install -g hexo-cli |
安裝完輸入以下指令查看版本:
1 | $ hexo version |
建立 Hexo Blog 資料夾
移動到欲建立 Blog 資料夾的目錄:
1 | $ cd <資料夾位置> |
在該目錄下建立 Blog 資料夾:
1 | $ hexo init <Blog 資料夾名稱> |
移動到 Blog 資料夾內:
1 | $ cd <Blog 資料夾名稱> |
初始化 Blog 資料夾:
1 | $ npm install |
將 Hexo Blog 部署到 Git
首先要安裝能夠將 Hexo 部署到 Git 上面的套件 hexo-deployer-git
:
1 | $ npm install hexo-deployer-git --save |
接著瀏覽器登入自已的 GitHub ,建立一個名為 <帳號名>.github.io
的 repository 。 舉例: godlike0108.github.io
。
建立成功後,回到本機 Blog 資料夾,開啟底下的 _config.yml
檔案。 該檔案為 Hexo 的配置檔,配置檔的格式由 key: value
所組成,冒號後面一定要接空格,每項配置之間僅以換行符號隔開。子項目以兩次空格縮排。
在配置檔最下方找到部署的配置項目:
1 | deploy: |
將其更改為以下設定:
1 | deploy: |
接著在命令列輸入以下指令進行部署:
1 | $ hexo d -g |
該指令為 hexo deploy --generate
的縮寫,意思是產生靜態檔案後,進行部署。
完成後可以到 https://<帳號名稱>.github.io
網址查看是否部署成功。
發佈新文章
在命令列輸入以下指令:
1 | $ hexo new <文章標題> |
在 Hexo Blog 根目錄的 source/_posts
資料夾內會找到 <文章標題>.md
檔案。該檔案是以 MarkDown 語法記錄文章內容。
打開該檔案,在最下方即可用 Markdown 語法撰寫文章。
完成撰寫後,再執行 hexo d -g
指令部署即可。