一、前言
搭建個人博客也是屬於心血來潮,相比較簡書和csdn之類而言,個人博客是自由的,自定義自己喜歡的風格,記錄自己的學習路程和心得。另外一方面,有屬於自己的博客,也是件酷酷的事情。搜索網上搭建個人博客,大多是Github+Hexo的組合,步驟也都大同小異,但是由於博客文章較舊,在實時運行當中,還是會出現不少的bug。前人栽樹後人乘涼,爲避免後來者掉進相同的坑,特寫下搭建博客的步驟。
我的博客:https://fuusy.github.io/
二、準備
- 基於Windows系統(開發者最好使用Linux)
- 安裝Git
-
安裝Node.js(下載最新版。安裝時,請勾選Add to PATH選項)
對以上的Git和Node.js的安裝,不詳細說明,網上有很多教程。
cmd中輸入命令,有版本號出現則安裝成功。
三、搭建流程
3.1、安裝 Hexo
npm install -g hexo-cli
安裝成功後,在你安裝好hexo的那個文件夾中新建一個文件夾,如“Test”。
3.2、搭建網站
首先我們需要初始化剛新建的文件夾Test
hexo init Test
接着進入Test文件夾,新建建站所需要的文件。
cd Test
npm install
運行成功後我們可以查詢Test這個文件下,可以發現文件夾下新增了很多文件,如下
找到Test文件夾下 _config.yml ,這個文件就是網站主題的的配置文件,後面和github page關聯和切換主題時,需要使用到。
最後就是開啓服務了,同樣輸入以下命令
hexo g
hexo s
在執行hexo s 後,會出現一個網址http://localhost:4000/,將其複製(需要注意的是,在cmd中不可用ctrl + c 來複制,Ctrl + C爲停止命令)。打開該網址後,可以看到網站的雛形。
四、自定義主題
4.1、創建github倉庫
這裏需要注意的是倉庫名字前綴需要和Owner一致,如這裏Owner爲fuusy,那麼我的倉庫名爲fuusy.github.io,前綴必須一致,後面就上github.io。新建成功後,複製ssh。後續修改_config.yml文件會用到。
4.2、切換主題
接着開始切換主題並且將文章上傳到github上。
以我的博客主題爲例,我的主題爲yilia,從github上克隆該主題。
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
執行後在Test文件夾的themes中可以找到有yilia的文件。
找到上面3.2所提到的_config.yml文件,修改裏面的配置
- 將theme 修改爲theme: yilia,需要注意的是冒號後有空格
-
將deploy修改爲:
type: git
repository: [email protected]:fuusy/fuusy.github.io.git
branch: master
如圖:
4.3、發佈
接下來需要使用 Git bash 來進行命令的執行,在Test文件夾中右擊鼠標,你會發現有Git bash 選項,點擊進入。執行命令:
npm install hexo-deployer-git --save
最後就是發佈了,執行以下命令:
hexo g
hexo d
完成後,你就有屬於自己的博客了,在github的setting中 可以看到自己的博客地址,
五、最後
至於最後發佈文章和自定義各種不同的主題,可自己去探索,至此所有的步驟都已經講完,希望對你有所幫助。如遇到bug可留言。感謝閱讀。
最後歡迎關注我的公衆號,小猿說,掃一掃不迷路。