Posts
Hexo - Set avatar with NexT theme
要設定 NexT 主題的 avatar,我們可以開啟 Theme 的設定檔,設定 avatar 檔案的位置。
然後將 avatar 的圖檔放置設定的位置就可以了。
read morePosts
Hexo - Add tag page
要為 Hexo 部落格建立標籤頁面,首先要建立 tag 的頁面。
hexo n page tags 開啟剛產生的標籤頁面,設定 type 為 tags。如果不希望能在標籤頁面上留言的話,這邊也可以順便將 comments 為 false。
再來開啟 Hexo 的設定檔,確定 tag_map 設定是否需要更動。
如果 theme 有支援設定,這邊也要確認是否有需要更動,像是是否要加選單之類的。
並在文章上方設定 tags,指定文章的分類。
將服務運行起來就可以在 /tags 看到標籤頁面了。
read morePosts
Hexo - Generate sitemap
要為 Hexo 部落格放置 Sitemap 檔,可以安裝 hexo-generator-sitemap 套件。
npm install hexo-generator-sitemap --save 開啟 Hexo 設定檔,設定 sitemap 檔案。
sitemap: path: sitemap.xml 當建立靜態檔案就會產生指定的 sitemap 檔案。
Link
read morePosts
Hexo - Migrate from octopress
要將 Octopress 部落格移至 Hexo 部落格,首先要將 Octopress source/_posts 下的文章移至 Hexo source/_posts 下。若有圖檔也依樣移過去,像是如果 Octopress 的圖檔放置在 source/images 目錄下,這邊就將它移至 source/images 下。
再來因為 Octopress 的文章的副檔名是 markdown,所以要將它取代為 md 副檔名。
然後使用 RenameRegex 將檔名前面的日期部分拔除。
rr *.md "(\d+-\d+-\d+-)(.*)" "$2" 最後因為 Octopress 文章內的時間資料只顯示到分,所以要用 Regular Expression Search and Replace Command Line Tool 將日期部分修正到秒。
rxrepl -D "C:\Users\larry.nunglog\source\_posts" -I *.md -a --no-backup --no-bom -e utf8 --output-encoding utf8 -s "(\d+-\d+-\d+\s+\d+:\d+)" -r "\1:00" 將服務跑起來看看,如果 Octopress 文章內沒用太特別的符號,這時應該已經可以看到文章了。
如果有 Error 發生,那就是要自己想辦法把出問題的文章抓出來了。
Link
read morePosts
Hexo - Add category page
要為 Hexo 部落格建立分類頁面,首先要建立 categories 的頁面。
hexo n page categories 開啟剛產生的分類頁面,設定 type 為 categories。如果不希望能在分類頁面上留言的話,這邊也可以順便將 comments 為 false。
再來開啟 Hexo 的設定檔,確定 default_category/category_map 設定是否需要更動。
並在文章上方設定 categories,指定文章的分類。
將服務運行起來就可以在 /categories 看到分類頁面了。
Link
read morePosts
Hexo - Local search support
要為 Hexo 架設的部落格加上搜尋,但卻不想依賴外部服務,可以為 Hexo 部落格加裝 hexo-generator-search 套件。
npm install hexo-generator-search --save 套件安裝完需開啟 Hexo 的設定檔,加上 search 的設定。path 的部分指到的是該套件產生的索引檔案,也就是 search.xml,field 則是指定搜尋的範圍,可帶入 post/page/all。
search: path: search.xml field: post 如果使用的主題支援的話,設完後將服務跑起就可以開始使用搜尋的功能。
Link
read morePosts
Hexo - RSS support
要為部落格加入 RSS,我們需先安裝 hexo-generator-feed。
npm install hexo-generator-feed --save 然後開啟 Hexo 的設定檔做些設定,像是 RSS feed 的數量等。
feed: type: atom path: atom.xml limit: 20 hub: 這樣在產生靜態檔案時就會一併產生出 RSS 的 xml 檔。
部落格發佈上去 RSS 就可以使用了。
這邊要注意的是,有的主題也支援 RSS 的整合,像是筆者用的 Next 主題就有支援,設定方式要參閱主題的使用文件,像是 Next 這邊的設定方式就是將主題設定黨內的 rss 設定留空。
主題就會在預期的地方顯示 RSS 訂閱的連結。
Link
read morePosts
Hexo - Apply blog themes
Hexo 支援主題的更換,Themes | Hexo 網站上也提供許多不同的主題可供我們選用,看到有興趣的主題可以直接點擊主題的圖片開啟 Demo Site 瀏覽。
若確定選用該主題,可以點選圖片下方主題的名字連結到下載頁面。
以筆者用的 Next 主題為例,我們可以直接用 GitHub 下載 Zip 檔,或是用 Git Clone 將主題下載下來。這邊只要將下載下來的主題放置在 themes 目錄下就可以了。
接著開啟 Hexo 的設定檔,將 theme 設定指到剛下載的主題目錄。
主題套用就完成了。
Link
read morePosts
Hexo - Deploy blog post
要發佈文章至遠端 repository,第一次使用之前,需要先安裝 Hexo 的 Deployer 套件。Hexo 支援多種 Deployer,這邊可視需要安裝。
像是筆者用的是 GitHub page 去 host 部落格,因此安裝的是 hexo-deployer-git。
npm install hexo-deployer-git --save Deployer 套件安裝完後,要開啟部落格的設定檔設定 Deploy 的參數,像是 Deployer 的型態以及 repository 的位置等。
設定完後我們就可以開始進行發佈的動作。
先產生發佈需要的靜態檔案。
hexo generate hexo g 再用 hexo deploy 進行發佈即可。
hexo deploy hexo d 這兩個命令可以合併起來一次叫用。
hexo g -d 如果發佈後網站無正常更新,可以嘗試清除快取後再次產生靜態檔案發佈。
hexo clean hexo g hexo d Link
read more