Hexo+github搭建個人博客-博客發佈篇

通過 Hexo+github搭建個人博客-環境搭建篇 以及 Hexo+github搭建個人博客-博客初始化篇 ,我們瞭解到了利用Hexo搭建個人博客需要的環境以及配置,下面這篇文章將會介紹如何把我們的博文發佈到github上。

. 一、 GitHub 配置

在《 Hexo+github搭建個人博客-環境搭建篇 》 一文中,我們對Github有了一個基本的瞭解,並且已經在本地搭建好了git的基本環境。如果想要發佈博文到github上,我們還需要到github上去進行用戶的註冊。

1.1 註冊GitHub

鏈接: github

1) 點擊訪問上述鏈接,如下圖點入用戶名、郵箱、密碼,點擊 Sign up for GitHub 按鈕進入下一步

SIHAISIHAI

2) 如圖,選擇紅色方框中的免費模式,當然如果你有其他需求也可以選擇付費的其他模式,點擊 Finish sign up 完成註冊

SIHAISIHAI

3) 完成上述步驟後,你的註冊郵箱將會收到一封來自GitHub的驗證郵件, 登陸郵箱點擊訪問郵件中的郵件鏈接進行驗證。
如果你沒有收到激活郵件,可以按照下面的步驟說明和圖片進行操作:

  • 點擊 1 標註處的下拉菜單, 選擇 Setting

  • 點擊 2 標註處的 Emails

  • 點擊 3 標註處的 Resend 重新發送驗證郵件
    SIHAISIHAI

1.2 添加SSH Key

註冊完以後,爲了讓我們的電腦能直接免密碼通過SSH訪問GitHub,需要將我們的SSH Key添加到GitHub上。
首先我們需要打開終端,跟着下面的步驟進行操作即可。
1) 執行以下命令,檢查我們的終端是否已經存在SSH Key

$ ls -al ~/.ssh

如果你的電腦已經存在SSH Key,終端將會顯示如下圖所示的內容, 此時可以跳過 第2步 直接到 第3步 。

OUYANGSIHAI:~{k}{e}{v}\in${l}{s}-{a}{l}~/.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 "[email protected]"

注意:
 我們推薦使用默認的配置,所以接下來如果提示

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 到 剪貼板中

  • 方式1: 使用pbcopy命令,如果你的電腦不支持該命令,可以使用方式二

$ pbcopy < ~/.ssh/id_rsa.pub
  • 方式2: 先使用cat命令讀取展現內容到終端,選擇終端展現出來的SSH Key複製

$ cat < ~/.ssh/id_rsa.pub

5) 添加我們剛纔複製的SSH Key到賬戶中

  • 點擊 1 標註處的下拉菜單, 選擇 Setting

  • 點擊 2 標註處的 SSH Keys

  • 點擊 3 標註處的 Add SSH Key , 這個時候回出現 3 所標註區域的內容

  • Title 處我們可以根據我們的規範隨便命名,另外,將我們剛剛複製的 SSH Key 複製到 Key 中

  • 點擊 5 標註處的 Add Key 保存
    SIHAISIHAI

6) 執行以下命令驗證SSH Key是否添加成功

$ ssh -T [email protected]

執行的時候終端會提示以下內容,我們直接輸入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

例如,我的用戶名是 OUYANGSIHAI,那麼我的這個Repository名字就必須是  OUYANGSIHAI.github.io

這裏寫圖片描述這裏寫圖片描述
至此,我們關於GitHub的配置已經完成。

. 二、 Hexo 配置

爲了讓我們能夠方便的將博客部署到GitHub中,Hexo提供了 hexo-deployer-git 組件,下面我們來進行簡單的說明。

2.1 配置Deploy插件

1) 打開我們的博客根目錄下的 _config.yml 文件,設置deploy的信息,注意要講repository的鏈接替換成你所見的repository對應的鏈接

deploy:
 type: git                                                      # 設置發佈類型,如git    
 repository: [email protected]: OUYANGSIHAI/ OUYANGSIHAI.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上的博客啦,比如我的就是  OUYANGSIHAI.github.io
以後如果我們再次添加了一篇新的博客,我們只要繼續按照上面 第 1 步 第 2 步 進行生成靜態頁面、部署到GitHub上即可。
如果有遇到一些資源不對或者其他問題時,可以嘗試執行以下命令清除已經生成的靜態文件,再重新執行上面的 第 1 步 第 2 步 即可。

$ hexo clean # 刪除已經生成的靜態頁面

. 三、 結束語

至此,我們已經順利地利用Hexo+github搭建了屬於我們自己的個人博客啦,是不是特別簡單,以後就可以表現你的才花了,你肯定不差!

文章有不當之處,歡迎指正,你也可以關注我的微信公衆號:好好學java,獲取優質資源。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章