我的博客https://lihel.github.io/歡迎來交流 : )

參考教程戳這里

首先要安裝node環(huán)境，安裝git，注冊自己的github帳號

開始安裝Hexo

sudo npm install  hexo -g

創(chuàng)建一個文件夾挖诸，如：Blog，cd到Blog里執(zhí)行hexo init

hexo init

在這里我遇到了一個錯誤

根據(jù)提示執(zhí)行命令，執(zhí)行完要等一段時間酿联，這里下載比較慢

npm install hexo --save

執(zhí)行成功后用hexo -v查看hexo版本

hexo generate
//或者hexo g

執(zhí)行命令hexo server扮饶，提示：Usage: hexo<Command> ....

這里要安裝一個依賴包：

sudo npm install hexo-server

然后再執(zhí)行hexo generate

npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save

又遇到錯誤了(崩潰臉)

在終端出入命令：

npm config set proxy http://proxy.company.com:8080
npm config set https-proxy http://proxy.company.com:8080

查看：

npm config set proxy null

執(zhí)行sudo npm install命令，或者執(zhí)行上述的三條命令安裝依賴包

hexo server

啟動本地服務器铜邮，然后訪問http://localhost:4000/，就可以看到自己的blog啦寨蹋，此時是默認界面

配置github

建立與你用戶名對應的倉庫松蒜，倉庫名必須為【your_user_name.github.io】，固定寫法 然后建立關聯(lián)
現(xiàn)在我們需要_config.yml文件:

vim _config.yml

翻到最下面已旧，改成這個樣子秸苗，注意： 冒號后面要有空格，userName為你的github用戶名

deploy:
  type: git
  repository: https://github.com/userName/userName.github.io.git
　//　或者你也可以使用SSH Keys命令
　//　repository: git@github.com:userName/userName.gitbub.io.git
  branch: master

完成后執(zhí)行下邊命令進行部署：

sudo npm install hexo-deployer-git --save

執(zhí)行配置命令：

hexo deploy

然后在瀏覽器中輸入http://userName.github.io/
但是我的頁面又出現(xiàn)了404錯誤
去訪問本地4000端口頁面可以正常顯示
原因是github倉庫中沒有設置gitpages

更改主題

默認的主題太丑了玖瘸，來這里換一個吧
https://github.com/hexojs/hexo/wiki/Themes
我用的是yilia這個主題
cd 到你的本地倉庫的themes中新建一個文件夾yilia，在這個目錄下運行命令：

git clone git@github.com:litten/hexo-theme-yilia.git 

將這個主題克隆到本地
克隆完成后要將yilia中的目錄hexo-theme-yilia中的文件剪貼到yilia目錄下檀咙，刪除hexo-theme-yilia空文件夾雅倒，(否則會出現(xiàn)路徑錯誤)　完成后目錄結構如下：

重新執(zhí)行下列三條語句

hexo clean
hexo generate
hexo deploy

訪問https://lihel.github.io/就可以看到效果了

添加和發(fā)表新文章

創(chuàng)建文章：

hexo new "Github Pages+Hexo搭建個人博客"

執(zhí)行完后會在\Hexo\source_posts文件夾下創(chuàng)建一個后綴.md文件，你可以在里面添加任何字符串攀芯。這其實是一個markdown類型的文件屯断，使用markdown語言編寫．
添加完成后執(zhí)行下列命令發(fā)布文章：

hexo clean
hexo generate
hexo deploy

發(fā)布成功

這時大工程基本完成了，接下來配置博客文章目錄吧

配置文章目錄

默認是這個樣子的侣诺，沒有顯示文章列表

sudo npm i hexo-generator-json-content --save

在根目錄下的_config.yml中添加如下配置：

jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

重新提交就好啦

文章列表出來了