Hexo網站建置筆記

參考資料：
架設Hexo+Github
Hexo-Next主題配置
 用Hexo + Github Pages搭建個人部落格–小蛇蛇的詳細筆記
（蠻推薦第一次建置網站時參考這篇文章）
如何搭建個人 Blog 使用 Hexo + Gitpage
六角共筆–使用 Hexo 建置網站

這篇文章僅會紀錄安裝過程中，發生錯誤部分，其餘教學內容可以參考如何搭建個人 Blog 使用 Hexo + Gitpage，自行架設即可。或是參考六角影片教學

初始化檔案結構簡介

圖片來源：如何搭建個人 Blog 使用 Hexo + Gitpage

Source、themes這兩部份最常使用，其他folder就看看吧～

部落格主題更換

我這邊使用的主題是Next

首先，我們如何更換預設主題呢？
Step1.終端機先簽換到theme目錄下

$ cd your-hexo-site 
//your-hexo-site指的是theme目錄位置

//將主題複製下來
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

Step2.開啟_config.yml

Step3.更改主題資料夾名稱
theme: next
Step4.接著終端機開啟指令啟動server
hexo server

補充：hexo本地測試運行重啟後頁面空白,提示: WARN No layout: index.html?
Ａ：其實就是主題檔案名稱忘了更改

常用指令介紹

官網指令介紹

$ hexo generate  //產生靜態檔案
$ hexo deploy    //部署網站
$ hexo clean && $ hexo d -g  
//刪除已生成的靜態頁面及快取檔案，並重新部署
提醒：部署網站前會需要先產生靜態頁面

組合技
$ hexo d -g         //＊指令說明： # 產生靜態檔後部署
$ hexo s -g        //＊指令說明： # 產生靜態檔後預覽
$ hexo clean     //＊指令說明：刪除已生成的靜態頁面及快取檔案
$ hexo new [title]  //＊指令說明：建立新文章

文章撰寫

步驟教學

官網文件說明
請記得所有文章都會放在source/_posts中

Step1.建立新文章
$ hexo new [layout] <title>    //layout預設為post

Step2.建立分類、標籤
$ hexo new post categories     //建立分類
$ hexo new post tags           //建立標籤
示意圖如下

新增文章標籤、新增分類

教學文章

補充：markdown官方教學連結六角教學文

修改網頁左邊欄位顯示資料

要在themes > _confiig.yml > menu 這邊修改文章連結

新增圖片

目前先將圖片放置在imgur上，在使用markdown引入
Imgur簡介

補充：firebase教學（有空再看）
利用firebase打造極速靜態博客

文章預覽功能

以上的部分就是預覽會顯示的部分

網站部署

六角學院影片教學

部署步驟

第一次使用hexo 記得要先下自動部署指令
npm install hexo-deployer-git --save
接著  只要輸入下方指令就可以了
$hexo d       #開啟部署

部署重點：

1.請記得每個人僅有一個 用戶名稱.github.io的靜態網址
範例：chun-wen.github.io
特色：每個帳戶只有一個，能放在最根目錄的專案（通常就是用來放部落格）
branch：master

2.若要部署其他專案的靜態網頁影片教學
寫法：用戶名稱.github.io/專案名稱
範例：chun-wen.github.io/F2E-PK-Demo/
特色：數量無限，可以開無限個pages
branch：gh-pages

套件安裝

新增文章搜尋功能 search格式名詞解釋

安裝步驟

Step1.於根目錄下執行下面指令
npm install hexo-generator-searchdb --save

Step2.在最目錄下的＿config.yml 貼上這段程式碼
search:
  path: search.json
  field: post
  format: html
  limit: 10000

Step3.最後到主題（theme）中開啟主題設定檔 (_config.yml)
將Local search，中enable修改為true即可

留言板(Disqus comments) 影片教學
跟著看文章教學做就OK 連結
補充：如何刪除新增的多餘頁面文章