Github+Hexo搭建博客(2019版)

一、前言

搭建個人博客也是屬於心血來潮,相比較簡書和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可留言。感謝閱讀。


最後歡迎關注我的公衆號,小猿說,掃一掃不迷路。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章