閱讀737 返回首頁    go 阿裏雲 go 技術社區[雲棲]


使用hexo在GitHub上搭建個人博客網站

前言

為什麼要使用GitHub Pages搭建博客?

  1. GitHub使用免費,空間充足
  2. 管理安全方便,基於GitHub版本控製
  3. 定製化程度高,與其他博客網站相比沒有什麼約束
  4. 可以自由指定域名且不許要備案
  5. 基於全球最大的男性交友網站GitHub,方便交流。。。

所需環境

node.js@5.5.0
git@1.9.2
hexo@3.2.2
Github賬號

新建一個repository

repository名稱為 username.github.io

新建一個repository

隨便選擇一個主題

隨便選擇一個主題

此時在瀏覽器中輸入 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
Setting
選中左側菜單SSH and GPG Keys
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主題,我們替換成其他主題例如

有哪些好看的hexo主題

更換方法如下

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訪問博客。

設置自己的域名

關於域名的購買可以參考一些域名服務商
關於購買域名的幾點建議:

  1. 不推薦大家使用國外服務商,因為可能會被牆,且不穩定
  2. 若打算長期使用請注意價格,很多時候域名首年費用很低而續費很高,例如xxx域名第一年費用9元,第二年續費99元。這種情況並不少見。

購買了自己的域名之後,設置解析,將記錄值設置為主機號。
可以通過ping username.github.io 來查看項目所在的主機號
Blog的IP地址
設置記錄
記錄

解析可能需要一點時間,中間可以使用
ping yourdomain
來檢查是否解析成功

在這時可以回到自己的GitHub找到博客的這個Repository,進入Settings
設置Domain
在框框中寫入自己的域名。
此時便已經完整的在GitHub上搭建了一個屬於自己的Blog網站。

接下來你可能需要:
關於編寫博客

最後更新:2017-09-20 10:03:05

  上一篇:go  關於編寫博客
  下一篇:go  Android 經典筆記之五:DownloadManager下載管理器介紹