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

系列文章

環境安裝

  1. 先確認電腦已經安裝下列軟體

    • Node.js(補充：檢查電腦是否已經安裝Node.js，可以在terminal中輸入node -v)
    • Git

  2. 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。

  3. 正式開始下載Hexo
    開始透過npm安裝Hexo，在terminal中輸入安裝指令：

    ​​​​$ npm install hexo-cli -g

  4. 初始化資料夾
    使用指令建立資料夾，在建立的同時給予命名，並自動初始化資料夾內的檔案結構(示範：以'blog'作為資料夾名稱)，請依序執行下方指令

    ​​​​$ hexo init <folder name>
​​​​$ cd <folder name>
​​​​$ npm install

    建立完成後，專案資料夾會有下列檔案：

  5. 在本地端開啟blog網頁
    完成上述流程後，在terminal輸入啟用本地端伺服器的指令

    ​​​​$ hexo server

    本地端伺服器已經啟用

    即可在瀏覽器中檢視blog畫面(http://localhost:4000)

  6. 新增文章在blog中
    在blog資料夾的內層中找到_posts資料夾，並將.md檔案拖曳至於其中

Select a repo