利用Hexo搭建個人博客-博客發布篇


通過 《利用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搭建了屬於我們自己的個人博客啦~ 大家一定要積極多發表原創作品哦!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM