Step 1. 創(chuàng)建 Github Pages

• 在github新建一個repo，并命名為username.github.io
• setting中選擇主題
• 即可使用https://username.github.io訪問到主頁

Step 2. Hexo 環(huán)境搭建

Hexo是基于nodehs的快速、簡潔且高效的博客框架。

推薦教程：

• hexo官方文檔: https://hexo.io/docs/index.html 說的非常詳細
• 極客學(xué)院：http://wiki.jikexueyuan.com/project/hexo-document/

2.1 安裝Node.js

網(wǎng)站deb.nodesource.com維護了nodejs的各版本安裝包的PPA，我們可以從該網(wǎng)站上下載執(zhí)行導(dǎo)入。

$ curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash 復(fù)制代碼

接下來安裝nodejs，安裝完成之后npm也自動安裝好了。

$ sudo apt-get install nodejs 復(fù)制代碼

安裝完成之后我們查看一下$ node -v和 $ npm -v的版本。

2.2 使用npm安裝Hexo

npm是Node.js安裝時自帶的類庫,是目前全球最大的類庫之一,通過npm install可以直接安裝基于Node.js的所有插件

$ npm install hexo-cli -g 復(fù)制代碼

Step 3. 創(chuàng)建及啟動網(wǎng)站

創(chuàng)建一個網(wǎng)站的目錄，此處命名為blog

通過blog目錄創(chuàng)建站點

$ hexo init blog 復(fù)制代碼

進入blog 安裝插件支持

~/blog$ npm install 復(fù)制代碼

啟動站點

~/blog$ hexo server 復(fù)制代碼

或使用--denug開啟調(diào)試

~/blog$ hexo s --debug 復(fù)制代碼

查看站點: 在瀏覽器中查看http://localhost:4000/

Step 4. 部署到 Github

4.1 配置Github

~/blog$ vim _config.yml 復(fù)制代碼

修改deploy下

# 這里冒號后面一定要有空格 deploy:type: gitrepo: https://github.com/username/username.github.io 復(fù)制代碼

4.2 部署到Github

安裝部署插件

~/blog$ npm install hexo-deployer-git --save 復(fù)制代碼

清理項目(optional)

~/blog$ hexo clean 復(fù)制代碼

部署

~/blog$ hexo deploy 復(fù)制代碼

Step 4. 更改博客主題

進入( https://hexo.io/themes/ )選擇主題，進入相應(yīng)的repo。 此處以bootstrap-blog為例。

~/blog$ git clone https://github.com/cgmartin/hexo-theme-bootstrap-blog.git themes/bootstrap-blog 復(fù)制代碼

根據(jù)README中的setup Instructions安裝插件

~/blog$ npm install hexo-tag-bootstrap --save 復(fù)制代碼

修改blog根目錄的_config.yml,將theme修改為bootstrap-blog

更新并查看，先清空緩存hexo clean，然后啟動服務(wù)器hexo s --debug，在本地瀏覽器輸入localhost:4000/查看效果。

Step 5. 創(chuàng)建文章

$ hexo new "blog" INFO Created: ~/blog/source/_posts/blog.md 復(fù)制代碼

編輯md

--- title: blog1 date: 2018-03-16 15:28:40 tags: tag1 categories: cat1 ---MY FIRST BLOG! // 這里是要展示的縮略圖 <!--more--> // 以下是查看全文 復(fù)制代碼

清理后啟動 本地查看預(yù)覽

$ hexo s --debug 復(fù)制代碼

5.1 創(chuàng)建一個新的標簽頁

$ hexo new page "github" INFO Created: ~/blog/source/github/index.md 復(fù)制代碼

修改配置文件 themes/主題名稱/_config.yml,增加一個menu中一個頁面菜單。

---

hexo 參考教程: https://www.cgmartin.com/2016/01/03/getting-started-with-hexo-blog/

主題：https://github.com/cgmartin/hexo-theme-bootstrap-blog

總結(jié)

以上是生活随笔為你收集整理的使用Hexo搭建个人博客网站的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。