喫飽了撐的之hexo + github 搭建個人博客

參考1
參考2

1.hexo安裝

由於hexo是基於node.js製作的一款博客管理工具,所以要按照hexo就需要事先安裝node,nodejs下載安裝,安裝完成後打開git bash,執行下面命令:

$ node -v
$ npm -v

查看node和npm是否安裝成功。

然後國內建議執行:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm -v

安裝cnpm,並查看版本。

然後全局安裝hexo-cli,並查看版本:

$ cnpm install -g hexo-cli
$ hexo -v

2.hexo初始化

安裝hexo之後需要對hexo進行初始化,首先需要新建文件夾,進入到新建文件夾之後再進行初始化,

$ mkdir blog
$ cd blog
$ hexo init

然後安裝一些依賴包,

$ npm install

3.部署到GitHub

在GitHub上創建一個名爲yourname.github.io的庫。這裏的yourname一定是你的GitHub用戶名。

然後再blog目錄下安裝一個插件:

$ cnpm install  --save  hexo-deployer-git

配置_config.yml文件,找到文件最下邊的Deployment,添加三行:
在這裏插入圖片描述
部署文件到GitHub

$ hexo d 

4.hexo使用

前面提到過,hexo其實類似於git,通過一些命令來實現靜態網頁生成、部署等工作,我們在維護博客過程中主要使用的有如下幾個命令,

$ hexo n blogname      # 新建文章,例如,hexo n ComputerScience
$ hexo clean          # 清除緩存文件
$ hexo g              # 生成靜態文件
$ hexo s              # 啓動本地服務器,預覽網頁
$ hexo d              # 部署文件到指定的倉庫

記住上述命令就可以進行日常的個人博客維護工作。

5.更換主題

克隆主題yilia或next到themes中:

$ git clone [email protected]:litten/hexo-theme-yilia.git themes/yilia
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

修改blog根目錄下的配置文件_config.yml:將theme: landscape改爲theme: next

然後執行:

$ hexo clean  
$ hexo g  
$ hexo s
$ hexo d  #推到GitHub上

完成撒花。

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