前言
之前本來有一個(gè)個(gè)人博客嫉父，但是因?yàn)樘珣袥]有維護(hù)棺牧，就來投奔CSDN了。這幾天突然一時(shí)興起旦签，讓好好弄一下自己的個(gè)人博客，因?yàn)镃SDN的廣告實(shí)在是....一言難盡...
搜索了一般寸宏，選取一個(gè)比較簡單的實(shí)現(xiàn)方式：即Hexo+GitHub Pages
以下記錄如果搭建個(gè)人博客網(wǎng)站 lestatzhang.com的過程
具體步驟
- 安裝Git
- 安裝Node.js
- 安裝Hexo
- 博客初始化
- 將本地博客與GitHub關(guān)聯(lián)
- 切換Hexo主題：Next
- Goddady購買個(gè)人域名
- 綁定個(gè)人域名
- 其他TO-DO
安裝Git
先查看是否已經(jīng)安裝Git
lestat@Lestats-MBP:~$ git --version
git version 2.14.3 (Apple Git-98)
如果Mac沒有安裝git可以通過Homebrew安裝
brew install git
安裝Node.js
如果Mac沒有安裝Node.js可以通過Homebrew安裝
brew install node
中間有可能因?yàn)橐恍┮蕾噹煨枰履愕腦code的Command Line Tools
我安裝的版本如下：
lestat@Lestats-MBP:~$ node -v
v12.3.1
lestat@Lestats-MBP:~$ npm -v
6.9.0
安裝Hexo
Node.js和Git都安裝成功后開始安裝Hexo
sudo npm install -g hexo-cli
博客初始化
創(chuàng)建你本地的博客文件夾宁炫，比如我的就是 lestatzhang， 然后進(jìn)入該文件夾氮凝，利用hexo進(jìn)行初始化
cd lestatzhang;
hexo init;
執(zhí)行下述命令安裝npm羔巢。
sudo npm install;
執(zhí)行hexo命令生成本地網(wǎng)頁文件
hexo g
執(zhí)行hexo命令開啟本地服務(wù)器
hexo s
然后我們就通過 http://localhost:4000 查看本地博客。
將本地博客與GitHub關(guān)聯(lián)
編輯站點(diǎn)配置文件_config.yml
vi _config.yml
打開后到文檔最后部分罩阵，配置deploy設(shè)置如下：
deploy:
type: git
repository: https://github.com/lestatzhang/lestatzhang.github.io.git
branch: master
然后為hexo配置git部署服務(wù)：
sudo npm install hexo-deployer-git --save
運(yùn)行hexo命令竿秆，將在lestatzhang下生成靜態(tài)文件并上傳到git服務(wù)器。
hexo d
若未關(guān)聯(lián)GitHub稿壁，執(zhí)行hexo d時(shí)會提示輸入GitHub賬號用戶名和密碼幽钢，即:
username for 'https://github.com':
password for 'https://github.com':
hexo d執(zhí)行成功后便可通過 https://lestatzhang.github.io 訪問博客，看到的內(nèi)容和本地頁面一致傅是。
如果需要開啟ssh匪燕，我們可以在Github中配置ssh keys。具體步驟可以參考Connecting to GitHub with SSH
切換Hexo主題：Next
Hexo允許我們?yōu)樽约旱恼军c(diǎn)配置自己喜歡的主題, 在這里我選擇一個(gè)個(gè)人比較喜歡的主題: hexo-theme-next喧笔。 安裝過程如下：
cd lestatzhang;
git clone https://github.com/iissnan/hexo-theme-next themes/next
編輯站點(diǎn)配置文件_config.yml帽驯，將theme的值從landscape更改為next
將blog目錄下_config.yml里的theme的名稱landscape更改為next。
然后重新生成站點(diǎn)文件,并查看
hexo g
hexo s
Godaddy購買個(gè)人域名
在Godday上買了一個(gè)自己的域名 lestatzhang.com
綁定個(gè)人域名
Godaddy的配置可以參考如下圖片
然后在next主題中source文件夾中創(chuàng)建CNAME文件书闸，然后將個(gè)人域名 lestatzhang.com添加進(jìn)CNAME之后重新部署網(wǎng)站尼变。
cd themes/next/source/
echo "lestatzhang.com" > CNAME
cd ../../../'
hexo d
TO-DO
具體博客搭建的步驟就這些了，后面主要是如何對網(wǎng)站頁面/主題進(jìn)行優(yōu)化的過程浆劲。 TO-DO
