將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

孔乙己學習成長錄發表於2018-04-23

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

一、將個人部落格託管到 GitHub 上

關於如何快速搭建自己的個人部落格,如何完善自己的個人部落格,什麼是 GitHub ,如何將自己的部落格程式碼託管到 GitHub 上面等等問題,我之前寫過三篇文章已經做了詳細的說明,三篇文章如下:

基於 Hexo + GitHub Pages 搭建個人部落格(一)

基於 Hexo + GitHub Pages 搭建個人部落格(二)

基於 Hexo + GitHub Pages 搭建個人部落格(三)

二、將個人部落格託管到 Coding 上

最近部落格出了點問題,這幾天都在緊急修復,不間斷折騰自己的部落格,然後弄的差不過,今天非常好奇,於是登入百度統計,發現一個問題,那就是百度無法抓取託管在 GitHub Pages 上的部落格,或許是因為 GitHub 是國外的程式碼託管平臺無法抓取吧,然後就有點鬱悶了...如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

而後 Google 上查了下,發現國內有一個程式碼託管平臺叫 Coding ,也可以將個人的 Hexo 部落格託管到平臺上,然後有點激動,說時遲那時快,立刻動手嘗試將自己的個人部落格託管到 Coding 上,中間遇到很多坑,折騰好久,最終成功,特此記錄。

據瞭解,之前很多人都是把部落格託管到國內的 gitcafe上,後來 gitcafe 被 Coding 收購。當然,據我所知國內還有其他程式碼託管平臺,例如有個程式碼託管平臺叫碼雲,但是碼雲能不能託管個人部落格程式碼,我就不清楚了,沒怎麼用碼雲,基本用的都是 GitHub ,有需要的可以自行了解下。

1、註冊 Coding 帳號

註冊網址:Coding 官網

2、將本電腦的 SSH 公鑰配置到 Coding 上

(1)開啟如下電腦 C 盤使用者下的 .ssh 目錄, 找到 id_rsa.pub 檔案,即公鑰檔案,複製檔案中的所有內容,如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

(2)在 已經登入的 Coding 網站上,開啟個人設定,點選 SSH 公鑰選單下的新增公鑰,而後把上面複製的內容全部貼上到公鑰內容框下,公鑰名稱自定義,沒有特別的要求,然後點選新增即可,如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

(3)測試 SSH 公鑰是否新增成功:本地開啟 Git Bash 視窗,輸入一下命令:

ssh -T git@coding.net
複製程式碼

這時候會顯示是否繼續,選擇 yes 繼續,如果提示下列內容成功,即 SSH 公鑰配置成功:

Hello compassblog You've connected to Coding.net by SSH successfully!
複製程式碼

當然,compassblog 是我 Coding 帳戶的名字,不同的帳戶會不一樣,如果顯示如下錯誤:

ssh: connect to host coding.net port 22: Connection refused
複製程式碼

如圖:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

說明防火牆完全遮蔽了埠 22 ,這時候不要慌張,直接輸入如下命令使用 Coding 提供的 443 埠 SSH 服務即可解決:

ssh -T -p 443 git@git-ssh.coding.net
複製程式碼

如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

然後在輸入驗證命令,顯示 Coding 帳號與相關資訊,即 SSH 公鑰配置成功。

3、新建專案,存放需要託管的部落格程式碼

(1)在 Coding 的個人主頁上點選 + 號,選擇專案選項,如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

(2)選擇新建專案後,填寫專案資訊,專案名稱與自己的 Coding 帳戶名稱專案,專案屬性公開私有都可以,個人部落格建議是公有,如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

(3)新建專案完畢後,開啟專案的 Pages 服務選項,選擇部署來源為 master 分支,並開啟強制 HTTPS 訪問按鈕( https 更加安全),不選擇就是 HTTP 訪問了,不選擇也是可以的,自行決定,點選儲存即可,如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

4、配置部落格主檔案,同時部署 Hexo 部落格到 GitHub 和 Coding 上

(1)開啟 Hexo 部落格主配置檔案 _config.yml,找到 deploy 屬性,作如下配置:

deploy:
  type: git
  repository:
      github: git@github.com:compassblog/compassblog.github.io.git
      coding: git@git.coding.net:compassblog/compassblog.git
  branch: master
複製程式碼

(2)開啟 Hexo 主目錄下的 source 檔案,新建檔案 Staticfile ,這個檔案是 Coding 靜態檔案部署的標誌,注意檔名字必須為 Staticfile,否則 Coding 上無法完成靜態檔案的部署,如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

5、測試 Hexo 部落格是否成功部署到 GitHub 和 Coding 上

經過前面的步驟,配置基本就已經完成,直接在 Hexo 主目錄下開啟 Git Bash 視窗,輸入如下命令:

hexo clean && hexo g && hexo d
複製程式碼

如下圖所示:

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

部署成功,到瀏覽器位址列分別輸入 GitHub 地址 和 Coding 地址,訪問成功:

compassblog.github.io/

compassblog.coding.me/

掃描二維碼關注微信公眾號,瞭解更多

將 Hexo 個人部落格同時部署到 GitHub 和 Coding 上

相關文章