快速搭建個人部落格:Hexo+NexT+GitHub Pages

本地環境配置

• windows系統
• git 下載下傳gitforwindows 教程
• node.js 官網下載下傳 注意:在Windows上安裝時務必選擇全部元件，包括勾選Add to Path。

Github Pages申請

1. 申請Github賬号；
2. Create a new repository：name為賬戶名.github.io

然後就可以通路 https://賬戶名.github.io/

配置SSH

SSH

Hexo

Hexo官方文檔

之前node.js配置好了的前提下，很多指令也可以直接在cmd裡面使用，但推薦使用git bash來完成，git bash可以使用一些Linux的指令，比如ls等，比cmd要友善。

安裝

$ npm install -g hexo-cli
           

初始化

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

More info: 建站

本地運作

$ hexo server 
           

該指令可簡寫為

$ hexo s
           

預設情況下，通路網址為： http://localhost:4000/。

More info: 指令

部署

安裝 hexo-deployer-git 插件

$ npm install hexo-deployer-git --save
           

修改配置檔案

修改根目錄下的_config.yml檔案

deploy:
  type: git
  repository: [email protected].com:wangshouz/wangshouz.github.io.git
  branch: master
           

指令部署

$ hexo clean
$ hexo g
$ hexo d
           

等待執行完畢，即可以通路 使用者名.github.io 來檢視自己的部落格首頁

More info: 部署

Themes–Next

官方文檔

基本配置

基本使用根據官方文檔配置即可，注意_congif.yml檔案會有兩處，分别為“站點配置檔案”和“主題配置檔案”，不要配置錯了。

坑

• git相關的坑：因為本身對git的使用不是十分熟練，是以過程中出了問題多google、百度就對了；
• 用下載下傳穩定版的方式下載下傳next源碼，需要把hexo-theme-next檔案夾改命為next；
• Next主題裡的search的配置：Local Search
• 源碼：部署隻會把編譯之後的public檔案夾裡的内容部署到github.io項目裡；想要上傳源碼需要建立項目單獨上傳。
• next使用克隆最新版本的方式擷取的時候在上傳到自己的github項目的時候會報錯，因為git用的不6，是以直接删掉了next裡面的.git檔案夾，把next當成本地檔案重新add上傳；
• 側邊欄社交連結圖示：因為使用的是Font Awesome圖示庫，是以有些是找不到圖示的，比如知乎，簡書。。。

我的部落格

• 效果 https://wangshouz.github.io
• 源碼 https://github.com/wangshouz/blog