使用hexo在GitHub上搭建個人博客網站
前言
為什麼要使用GitHub Pages搭建博客?
- GitHub使用免費,空間充足
- 管理安全方便,基於GitHub版本控製
- 定製化程度高,與其他博客網站相比沒有什麼約束
- 可以自由指定域名且不許要備案
- 基於全球最大的男性交友網站GitHub,方便交流。。。
所需環境
node.js@5.5.0
git@1.9.2
hexo@3.2.2
Github賬號
新建一個repository
repository名稱為 username.github.io
隨便選擇一個主題
此時在瀏覽器中輸入 username.github.io 將會顯示
…………
別激動,這時隻是創建了一個GitHub自帶GitHub Pages主題,接下來配置安裝hexo來搭建你更加定製的Blog主題。
安裝Git和node.js
Git官網下載地址
Node.js官網下載地址
下載完成直接下一步下一步
最後將安裝目錄的bin文件加入到環境變量當中
關於設置環境變量
右擊我的電腦->屬性->高級係統設置->環境變量
找到Path編輯->新建->粘貼
安裝hexo
打開Git Bash 輸入
npm install hexo-cli -g
等待數秒鍾,中間可能會出現**WARN**沒有關係
安裝完成之後在CMD裏麵分別輸入
git --version
node -v
npm -v
配置SSH
為了安全起見,我們來創建一個SSH安全連接
在Git Bash中輸入
cd ~/.ssh
來檢測係統中是否已經存在了密鑰。
若係統反饋為:**No such file or directory**
則我們需要創建一個
ssh-keygen -t rsa -C "你的郵箱地址"
注意C為大寫
一路三個回車鍵
然後按照反饋信息找到.ssh/id_rsa.pub使用txt或者sublime等文本處理軟件打開
全選裏麵的內容,並複製
打開GitHub主頁
點擊右上角頭像選擇Setting
選中左側菜單SSH and GPG Keys
將剛剛複製的內容粘貼到Key當中,Title可以不填,最後按Add SSH Key
測試SSH是否添加成功
在Git Bash中輸入
ssh -T git@github.com
如果得到反饋:Are you sure you want to continue connecting (yes/no)?
輸入yes
如果看到
Hi liuxianan! You've successfully authenticated, but GitHub does not provide shell access.
則說明成功了
最後完善個人信息
git config --global user.name "username" //你的GitHub用戶名
git config --global user.email "user email" //你的GitHub主郵箱
配置博客文件
為博客創建一個路徑,例如 F:/hexo/username.github.io並初始化
在Git Bash中輸入
cd /f/hexo/username.github.io/
hexo init
此時hexo會下載一些文件
其中themes當中存放的是你的博客模板文件,source存放的是你的博客文章,_config.yml是你博客的一些參數配置,裏麵的參數直接按照提示修改即可(可以使用txt或者Sublime等字處理軟件編輯)
啟動生成博客網站
hexo g //生成
hexo s //本地瀏覽
此時在瀏覽器中輸入https://localhost:4000即可進行本地瀏覽
hexo基本命令
縮寫 | 全稱 |功能
-|-|-
hexo n "new"| hexo new "new" |新建文章名為new
hexo p | hexo publish |草稿
hexo g | hexo generate |生成
hexo c | hexo clean |清空
hexo s | hexo server |開啟本地服務(瀏覽)
hexo d | hexo deploy |部署
博客模板自定義
hexo的主題是可以更換的,默認使用的是landscape主題,我們替換成其他主題例如
更換方法如下
cd /f/hexo/zjko.github.io/
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
稍等片刻即可下載完成,所有已下載的主體都放在themes文件夾裏。
通過修改博客目錄裏麵的(在本例子當中為zjko.github.io文件夾下)_config.yml中的theme: landscape 為theme: yilia,然後重新生成。
通過修改主體文件夾中的_config.yml可以對主題進行定製。(本例中文件為theme/yilia/_config.yml)
編寫上傳配置
打開博客目錄下的_config.yml,將一下內容複製進去
deploy:
type: git
repository: git@github.com:zjko/zjko.github.io.git
branch: master
其中repository後麵填寫的內容與你的
保持一致,修改成功之後之後上傳都不需要修改。
注意_config文件當中所有的設置參數‘:’之後均有空格
安裝deploy插件
npm install hexo-deployer-git --save
安裝完成之後,使用Git Bash進入博客目錄輸入hexo d即可部署到GitHub,此時即可通過username.github.io訪問博客。
設置自己的域名
關於域名的購買可以參考一些域名服務商
關於購買域名的幾點建議:
- 不推薦大家使用國外服務商,因為可能會被牆,且不穩定
- 若打算長期使用請注意價格,很多時候域名首年費用很低而續費很高,例如xxx域名第一年費用9元,第二年續費99元。這種情況並不少見。
購買了自己的域名之後,設置解析,將記錄值設置為主機號。
可以通過ping username.github.io 來查看項目所在的主機號
設置記錄
解析可能需要一點時間,中間可以使用
ping yourdomain
來檢查是否解析成功
在這時可以回到自己的GitHub找到博客的這個Repository,進入Settings
在框框中寫入自己的域名。
此時便已經完整的在GitHub上搭建了一個屬於自己的Blog網站。
接下來你可能需要:
關於編寫博客
最後更新:2017-09-20 10:03:05