在查找資料時發(fā)現(xiàn)通過hexo在github上搭建博客挺有意思,又想這可以把平時的知識點記錄下來,于是開始折騰了...
hexo是一款基于Node.js的靜態(tài)博客框架, hexo github鏈接 ,這篇教程是針對與 ubuntu 的(Windows 下的搭建步驟可以參考)
ubuntu版本 : lab_release -a
No LSB modules are available
Distributor ID: Ubuntu
Description: Ubuntu 16.04 LTS
Release: 16.04
Codename: xenial
環(huán)境配置
安裝 node
作用:用來生成靜態(tài)頁面. node 官方下載及安裝說明
包安裝命令
curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs
檢查版本
node -v
安裝 git
作用:把本地的 hexo
內(nèi)容提交到 github
上.
包安裝命令
apt install git
檢查版本
git --version
注冊 github 賬號
作用:用來做博客的遠程創(chuàng)庫、域名、服務(wù)器之類的,github
怎么與本地 hexo
建立連接等 安裝好 hexo
再講。
github 賬號不會的自行百度,沒有的話直接申請就行了,跟一般的注冊賬號差不多,配置好 SSH Keys。
正式安裝 Hexo
Hexo 中文官網(wǎng)站
安裝命令
npm install -g hexo-cli
安裝
Hexo
完成后,請執(zhí)行下列命令,Hexo
將會在指定文件夾中新建所需要的文件。
hexo init <folder>
cd <folder>
npm install
hexo -v
Tips :folder 的位置,這個位置就是 hexo
工作空間
至此hexo已安裝成功!
先看看效果再說!
hexo server
Tips : 如果 4000 端口被占用,hexo server -p 5000
github 與本地 hexo 建立連接
在 github 建立 Repository
建立與你用戶名對應(yīng)的倉庫,倉庫名必為【your_user_name.github.io】,固定寫法
在站點的配置文件_config.yml
中設(shè)置部署信息
Tips:_config.yml
位置 hexo 工作空間的目錄下
deploy:
type: git
repo: git@github.com:YiShanQingF/YiShanQingF.github.io.git
branch: master
message: '站點更新:{{now("YYYY-MM-DD HH:mm:ss")}}'
然后執(zhí)行下面命令
npm install hexo-deployer-git --save
Tips:注意格式,:
后有空格,type
repo
branch
message
前有兩個空格
網(wǎng)上會有很多說法,有的type是github, 還有repository最后面的后綴也不一樣,是github.com.git,我也踩了很多坑,我現(xiàn)在的版本是hexo: 3.2.0,執(zhí)行命令hexo -vsersion就出來了,貌似3.0后全部改成我上面這種格式了。
部署
hexo clean
hexo generate
hexo deploy
然后在瀏覽器中輸入 http://yishanqingf.github.io 就行了,我的 github 的賬戶叫 yishanqingf ,把這個改成你 github 的賬戶名就OK了!
綁定域名
購買域名
我的域名是在 萬網(wǎng)買的,這里就不講購買的步驟了
綁定域名
在hexo
的工作空間下的source
目錄下新建一個CNAME
的文件,不要后綴。打開CNAME
寫上購買的域名
zhufanjia.com
綁定設(shè)置
一張圖說明一切
然后在瀏覽器中輸入 http://zhufanjia.com
大功告成!
參考文章:
HEXO+Github,搭建屬于自己的博客
轉(zhuǎn)載請注明原地址:http://zhufanjia.com 謝謝!