基于HEXO博客框架和Github搭建個(gè)人博客簡單教程
Author: Echo
Time: 2019-07-24
準(zhǔn)備工作
配置環(huán)境
- 安裝Node.js
- 安裝Git
- 注冊(cè)GitHub
Hexo 部分
Hexo簡介
Hexo 是一個(gè)輕量的靜態(tài)博客框架。通過Hexo可以快速生成一個(gè)靜態(tài)博客框架,僅需要幾條命令就可以完成,相當(dāng)方便。
而架設(shè)Hexo的環(huán)境更簡單了 不需要 lnmp/lamp/XAMPP 這些繁瑣復(fù)雜的環(huán)境 僅僅需要一個(gè)簡單的http服務(wù)器即可使用 或者使用互聯(lián)網(wǎng)上免費(fèi)的頁面托管服務(wù)
Hexo安裝方法
參考官網(wǎng)中文文檔,只需要一條命令即可自動(dòng)安裝hexo框架。
$ npm install -g hexo-cli #使用 npm 安裝 Hexo
- 初始化
創(chuàng)建一個(gè)文件夾，如：Blog，cd到Blog里執(zhí)行hexo init的。命令：
hexo init
- 生成靜態(tài)頁面
繼續(xù)再Blog目錄下執(zhí)行如下命令，生成靜態(tài)頁面
hexo generate （或者 hexo g）
- 本地啟動(dòng)
啟動(dòng)本地服務(wù)，進(jìn)行文章預(yù)覽調(diào)試，命令：
hexo server
- 本地測試
瀏覽器輸入 http://localhost:4000
Github 部分
- 注冊(cè)github
- 新建倉庫
建立與你用戶名對(duì)應(yīng)的倉庫，倉庫名必須為【your_user_name.github.io】， 固定寫法 !!! - 本地_config.yml文配置件，建立關(guān)聯(lián)
我們需要_config.yml文件，來建立關(guān)聯(lián)(注意冒號(hào)后面要有空格)
deploy:
type: git
repository: https://github.com/leopardpan/ leopardpan.github.io.git
branch: master
部署
執(zhí)行如下命令才能使用git部署
npm install hexo-deployer-git --save
(我沒用SSH Keys如果你用了SSH Keys的話直接在github里復(fù)制SSH的就行了，總共就兩種協(xié)議，相信你懂的。)
執(zhí)行配置命令：
hexo deploy
然后再瀏覽器中輸入http://username.github.io/就行了，把 username ,改成你 github 的賬戶名就行了
發(fā)文章
每次部署的步驟，可按以下三步來進(jìn)行。
hexo clean
hexo generate
hexo deploy
一些常用命令：
// hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態(tài)頁面至public目錄
hexo server #開啟預(yù)覽訪問端口（默認(rèn)端口4000，'ctrl + c'關(guān)閉server）
hexo deploy #將.deploy目錄部署到GitHub
hexo help #查看幫助
hexo version #查看Hexo的版本
參考：
http://www.itdecent.cn/p/465830080ea9
http://www.chinaz.com/web/2016/0105/491998.shtml
