Hexo-使用靜態生成器，建立blog(1/3)本地端

Posted on April 11, 2019 本文总阅读量次

先確認電腦已經安裝下列軟體
- Node.js(補充：檢查電腦是否已經安裝Node.js，可以在terminal中輸入node -v)
- Git
Mac需要先關閉系統完整保護(SIP)
(當在Mac上嘗試開啟一些第三方軟體的時候，可能會受到SIP的限制而無法正常使用。)
- 先查看SIP開啟/關閉狀態
  在terminal中輸入csrutil status
  - 如果看到「System Integrity Protection status: enabled」代表SIP開啟
  - 如果看到「System Integrity Protection status: disabled」，代表 SIP是關閉的。
- 在Mac上關閉SIP
  
  step1. 重新啟動Mac開機鍵時，同時按Command+R鍵
  
  step2. 出現彈出視窗後，在螢幕左上方的「工具程式」選單中點按「終端機」。
  
  step3. 啟動「終端機」視窗後，在「終端機(terminal)」中輸入csrutil disable
  
  step4. 關閉「終端機」視窗，並重新開機。
  
  補充：待整個回合(下載Hexo完畢)結束之後，記得修改SIP狀態為開啟，重複上述動作，在「終端機(terminal)」中輸入csrutil enable。

正式開始下載Hexo
開始透過npm安裝Hexo，在terminal中輸入安裝指令：
1
$ npm install hexo-cli -g
初始化資料夾
使用指令建立資料夾，在建立的同時給予命名，並自動初始化資料夾內的檔案結構(示範：以’blog’作為資料夾名稱)，請依序執行下方指令
1
2
3
$ hexo init <folder name>
$ cd <folder name>
$ npm install
建立完成後，專案資料夾會有下列檔案：
在本地端開啟blog網頁
完成上述流程後，在terminal輸入啟用本地端伺服器的指令
1
$ hexo server
本地端伺服器已經啟用

即可在瀏覽器中檢視blog畫面(http://localhost:4000)
新增文章在blog中
在blog資料夾的內層中找到_posts資料夾，並將.md檔案拖曳至於其中

Leah's Blog