通過 《利用Hexo搭建個人博客-環境搭建篇》 以及 《利用Hexo搭建個人博客-博客初始化篇》,我們了解到了利用Hexo搭建個人博客需要的環境以及配置,下面這篇文章將會介紹如何把我們的博文發布到github上。
1 GitHub 配置
在《利用Hexo搭建個人博客-環境搭建篇》 一文中,我們對Github有了一個基本的了解,並且已經在本地搭建好了git的基本環境。如果想要發布博文到github上,我們還需要到github上去進行用戶的注冊。
1.1 注冊GitHub
鏈接: 點擊訪問
1> 點擊訪問上述鏈接,如下圖點入用戶名、郵箱、密碼,點擊 Sign up for GitHub 按鈕進入下一步
2> 如圖,選擇紅色方框中的免費模式,當然如果你有其他需求也可以選擇付費的其他模式,點擊 Finish sign up 完成注冊
3> 完成上述步驟后,你的注冊郵箱將會收到一封來自GitHub的驗證郵件, 登陸郵箱點擊訪問郵件中的郵件鏈接進行驗證。
如果你沒有收到激活郵件,可以按照下面的步驟說明和圖片進行操作:
a> 點擊 1 標注處的下拉菜單, 選擇 Setting
b> 點擊 2 標注處的 Emails
c> 點擊 3 標注處的 Resend 重新發送驗證郵件
1.2 添加SSH Key
注冊完以后,為了讓我們的電腦能直接免密碼通過SSH訪問GitHub,需要將我們的SSH Key添加到GitHub上。
首先我們需要打開終端,跟着下面的步驟進行操作即可。
1> 執行以下命令,檢查我們的終端是否已經存在SSH Key
$ ls -al ~/.ssh
如果你的電腦已經存在SSH Key,終端將會顯示如下圖所示的內容, 此時可以跳過 第2步 直接到 第3步 。
xiaoxuetu:~ kevin$ ls -al ~/.ssh/ total 80 drwx------ 9 kevin staff 306 Aug 23 23:51 . drwxr-xr-x+ 45 kevin staff 1530 Sep 4 00:28 .. -rw------- 1 kevin staff 1679 Aug 9 2014 id_rsa -rw-r--r-- 1 kevin staff 399 Aug 9 2014 id_rsa.pub
2> 執行以下命令生成 SSH Key
$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
注意
我們推薦使用默認的配置,所以接下來如果提示Enter file in which to save the key (/Users/you/.ssh/id_rsa): [Press enter]`或者
Enter passphrase (empty for no passphrase): [Type a passphrase] # Enter same passphrase again: [Type passphrase again]
我們都直接按Enter即可
3> 添加SSH Key 到 ssh-agent 中
$ eval "$(ssh-agent -s)" $ ssh-add ~/.ssh/id_rsa
4> 復制SSH Key 到 剪貼板中
a> 方式1: 使用pbcopy命令,如果你的電腦不支持該命令,可以使用方式二
$ pbcopy < ~/.ssh/id_rsa.pub
b> 方式2: 先使用cat命令讀取展現內容到終端,選擇終端展現出來的SSH Key復制
$ cat < ~/.ssh/id_rsa.pub
5> 添加我們剛才復制的SSH Key到賬戶中
a> 點擊 1 標注處的下拉菜單, 選擇 Setting
b> 點擊 2 標注處的 SSH Keys
c> 點擊 3 標注處的 Add SSH Key , 這個時候回出現 3 所標注區域的內容
d> Title 處我們可以根據我們的規范隨便命名,另外,將我們剛剛復制的 SSH Key 復制到 Key 中
e> 點擊 5 標注處的 Add Key 保存
6> 執行以下命令驗證SSH Key是否添加成功
$ ssh -T git@github.com
執行的時候終端會提示以下內容,我們直接輸入yes即可
The authenticity of host 'github.com (207.97.227.239)' can't be established. # RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. # Are you sure you want to continue connecting (yes/no)?
如果添加成功了,終端將會輸出
Hi username! You've successfully authenticated, but GitHub does not # provide shell access.
1.3 新建Repository
最后,我們需要創建一個Repository進行我們的博客托管,這個Repository的命名必須遵循以下規范
username.github.io
例如,我的用戶名是xiaoxuetu,那么我的這個Repository名字就必須是 xiaoxuetu.github.io
至此,我們關於GitHub的配置已經完成。
2 Hexo 配置
為了讓我們能夠方便的將博客部署到GitHub中,Hexo提供了 hexo-deployer-git 組件,下面我們來進行簡單的說明。
2.1 配置Deploy插件
1> 打開我們的博客根目錄下的 _config.yml 文件,設置deploy的信息,注意要講repository的鏈接替換成你所見的repository對應的鏈接
deploy: type: git # 設置發布類型,如git repository: git@github.com:xiaoxuetu/xiaoxuetu.github.io.git # 設置repository對應的鏈接 branch: master # 設置提交到的分支 message: Site updated at {{ now("YYYY-MM-DD HH:mm:ss") }} # 設置我們提交的信息
2.2 發布
1> 執行以下命令生成博客的靜態頁面
$ hexo g # 等同於 hexo generate, g 就是 generate 的縮寫
2> 執行以下命令將我們生成的博客靜態頁面上傳到GitHub
$ hexo d # 等同於 hexo deploy, d 就是 deploy 的縮寫
3> 打開瀏覽器訪問 username.github.io 即可訪問我們剛部署到Github上的博客啦,比如我的就是 xiaoxuetu.github.io
以后如果我們再次添加了一篇新的博客,我們只要繼續按照上面 第 1 步 第 2 步 進行生成靜態頁面、部署到GitHub上即可。
如果有遇到一些資源不對或者其他問題時,可以嘗試執行以下命令清除已經生成的靜態文件,再重新執行上面的 第 1 步 第 2 步 即可。
$ hexo clean # 刪除已經生成的靜態頁面
3 結束語
至此,我們已經順利地利用Hexo搭建了屬於我們自己的個人博客啦~ 大家一定要積極多發表原創作品哦!