前言

上一篇文章已經(jīng)講過怎樣使用Hexo建立博客以及怎樣將Hexo博客發(fā)布到GitHub上.如果對(duì)Hexo建立博客還不熟悉請(qǐng)先看看之前的那篇文章我的Hexo博客建站日志.大家可能跟我一樣,建站的時(shí)候很輕松,但是等往github上提交的時(shí)候會(huì)等待很長時(shí)間,畢竟GitHub是國外的東西,很多地方會(huì)被墻掉,在我們現(xiàn)在不翻墻的情況下如何能將自己的博客迅速的托管到免費(fèi)平臺(tái)上呢?于是我想到了我比較喜歡保存自己項(xiàng)目的Coding.net.一款國內(nèi)的,強(qiáng)大的代碼托管,項(xiàng)目演示平臺(tái).平臺(tái)找到了,但又如何能不費(fèi)勁一次就同時(shí)部署到Coding.net跟GitHub上呢?于是帶著這兩個(gè)問題,我查了很多資料,又經(jīng)過一番折騰,終于實(shí)現(xiàn)了,一次部署同時(shí)發(fā)布.

這里寫圖片描述

在Coding上創(chuàng)建一個(gè)項(xiàng)目

準(zhǔn)備工作

首先打開個(gè)賬戶的個(gè)人設(shè)置中找到Global Key(個(gè)性后綴),然后新建一個(gè)Coding項(xiàng)目,項(xiàng)目名字跟Global Key相同.(大家也可以不這么建,可以直接建立項(xiàng)目,但是最后生成的頁面會(huì)很長,顯得不美觀)

這里寫圖片描述

這里寫圖片描述

Tips:

• 最好創(chuàng)建跟Global Key相同的項(xiàng)目這樣訪問起來直接就是http://yourGlobalKey.coding.me. 比如說我的Coding的博客CodingBlog,否則的話后面得加上項(xiàng)目名.
• 這里創(chuàng)建的是公有項(xiàng)目,為什么要?jiǎng)?chuàng)建公有項(xiàng)目,是因?yàn)槿绻?xiàng)目弄成私有的,那么你的項(xiàng)目的pages頁面就看不到里面的js效果了,就是只有文字的那種,主題什么的都白設(shè)置了.
• 如果項(xiàng)目已經(jīng)設(shè)置成私有項(xiàng)目了并且還想看到效果,那只能用coding的演示功能了.只是coding功能是需要花費(fèi)碼幣的,24小時(shí)0.01碼幣.
• 如果項(xiàng)目設(shè)置成公有的項(xiàng)目了,然后也部署成功了,在手機(jī)上打開的時(shí)候建議使用騰訊內(nèi)核外的瀏覽器,否則的話可能會(huì)被當(dāng)成惡意網(wǎng)站屏蔽掉.在pc上任何瀏覽器打開都是沒問題的.

配置CodingGit的SSH

如果是第一次使用CodingGit提交的話,建議先配置SSH公匙.Coding生成公匙的方法可以查看配置CodingSSH公鑰.如果陌生可以按以下步驟來:

1. 打開個(gè)人中心的SSH公匙

2. 如果之前配置過GitHub的公匙的話直接打開,.ssh文件夾里面的_rsa.pub

   
   
   這里寫圖片描述
   
   

   比如我的是pvphero_rsa.pub,然后將里面的內(nèi)容全部復(fù)制,填寫到ssh_rsa公匙處,公匙的名稱可以隨便起,然后點(diǎn)擊'添加',再接著輸入密碼就可以完成添加了

   
   
   這里寫圖片描述
3. 添加后測(cè)試一下

ssh -T git@git.coding.net

如果出現(xiàn)下面的提示則表示公匙添加成功了:

Hello shenzhenwei You've connected to Coding.net by SSH successfully!

配置_config.yml的部署

準(zhǔn)備工作都做好了,現(xiàn)在開始配置_config.yml,大家經(jīng)過前面的文章我的Hexo博客建站日志相信對(duì)發(fā)布到GitHub上并不陌生,發(fā)布到GitHub上是在_config.yml文件中的deploy加上了GitHub的項(xiàng)目地址,以及發(fā)布的分支.那么要想同時(shí)發(fā)布到Coding上肯定是需要在配置文件中加上Coding的項(xiàng)目地址的,但是應(yīng)該怎么加?格式又是如何呢?,根據(jù)Hexo官方文檔只需要將deploy的格式更改成下面的就可以了

deploy:
  type: git
  repo:
    github: <repository url>,[branch]
    coding: <repository url>,[branch]

比如我的是這樣的:

deploy:
  type: git
  repo:
    github: git@github.com:pvphero/pvphero.github.io.git,master
    coding: git@git.coding.net:shenzhenwei/shenzhenwei.git,master 

部署Hexo博客

部署到GitHub跟Coding

• 前面的工作都做好了以后,生成靜態(tài)網(wǎng)頁

 $ hexo g

• 本地查看效果

$ hexo s

• 部署到git

$ sudo hexo d 

之后我們可以看到Coding跟GitHub中項(xiàng)目有我們提交上來的代碼

這里寫圖片描述

這里寫圖片描述

這里寫圖片描述

設(shè)置Coding項(xiàng)目中的配置

在Coding上部署博客有兩種方式,前面提到過,在做下說明.Coding上部署博客總共有兩種:

1. 通過coding pages的方式進(jìn)行博客的部署.coding為每個(gè)項(xiàng)目都推出了pages,不管是公有的還是私有的都有pages功能.我也比較推薦這種方式去搭建Hexo Coding博客.有很多好處,比如說免費(fèi),比如說可以綁定域名等等吧.
2. 通過Coding的演示功能進(jìn)行Hexo Coding博客的部署.這種方式是收費(fèi)的,每天最少0.01碼幣,大家可以體驗(yàn)體驗(yàn).但不推薦.
   如果采用Pages方式的話就必須要在source/新建一個(gè)空白文件,名字必須是Staticfile

 cd source
 touch Staticfile  #名字必須是Staticfile

因?yàn)橛眠^coding演示功能的小伙伴都可能會(huì)知道,如果演示的時(shí)候沒有Staticfile,coding的檢測(cè)會(huì)提示檢測(cè)不到,詢問你是否強(qiáng)制開啟.具體的原因的話,可能是coding是用靜態(tài)的方式部署的,檢測(cè)到這個(gè)的時(shí)候就知道你的項(xiàng)目是以靜態(tài)方式發(fā)布的.

開啟coding項(xiàng)目的pages功能

在剛剛建的項(xiàng)目中開啟pages功能,這里的部署分支選擇master,因?yàn)槟阍赺config.yml中設(shè)置的分支是master,然后點(diǎn)擊立即開啟.

這里寫圖片描述

這里寫圖片描述

這時(shí)候如果點(diǎn)擊鏈接出現(xiàn)404的話,并且本地測(cè)試是沒有問題的,github上打開的鏈接也是沒有問題的話,那么久需要耐心的多等幾分鐘了,這個(gè)coding.net部署的稍微慢點(diǎn).coding的博客部署就ok了.這樣就可以提交一次同時(shí)部署了~~

演示方式部署

關(guān)于演示方式部署,我就不費(fèi)口舌了,因?yàn)檠菔痉绞讲渴鹂隙ㄖС朱o態(tài)網(wǎng)頁的,不管你是私有項(xiàng)目還是公有項(xiàng)目都是可以看到的.如果實(shí)在想去進(jìn)行網(wǎng)站部署,建議大家參看 嘟嘟MD

希望這篇文章對(duì)大家有所幫助~~我也是看了 嘟嘟MD 的博客,然后跟著一步一步實(shí)現(xiàn)的_{希望大家有問題多交流}

我的博客地址

GitHub Blog
Coding Blog
CSDN Blog