使用七牛 + GitHub + Hexo + Travis搭建靜態(tài)Blog

其實(shí)如果你只是想搭個(gè)靜態(tài)Blog,完全不需要買服務(wù)器,直接使用GitHub即可,網(wǎng)上有很多的方法。但是并不是所以地區(qū)訪問(wèn)GitHub都那么快和穩(wěn)定,而且據(jù)我親測(cè)國(guó)內(nèi)有的地方還真上不了GitHub。那如果想搭個(gè)自己域名并且訪問(wèn)速度既快又穩(wěn)定的還幾乎免費(fèi)的Blog,該怎么辦?直到我在七??吹搅诉@個(gè)

七牛不但有以上所說(shuō)優(yōu)點(diǎn),而且處理圖片大小、加個(gè)水印之類的著實(shí)方便。而且七牛還提供了命令行工具qshell,那接下來(lái)的事情就簡(jiǎn)單了。我的構(gòu)想是,寫(xiě)完Blog提交到GitHub,觸發(fā)hook,Travis將項(xiàng)目生成,上傳到七牛即可

準(zhǔn)備

  • 自己的域名
  • GitHub帳號(hào)
  • 七牛帳號(hào),并且往里面沖10元錢(七牛規(guī)定啟用CDN加速最少充值10元),所以前面說(shuō)是幾乎免費(fèi)

七牛

首先創(chuàng)建一個(gè)儲(chǔ)存空間,步驟如下

在七牛沖完值以后,就可以新建加速域名了

我選擇的是范域名,這樣只需要設(shè)置一次CNAME,其它的泛子域名就可以自己隨意添加了,很方便,你也可以根據(jù)自己的情況只加速一個(gè)普通域名

設(shè)置完之后需要等一陣子,具體是多久我忘記了,這個(gè)位置會(huì)有提示,我的這個(gè)是已經(jīng)完成范域名的加速了

鼠標(biāo)點(diǎn)擊那個(gè)CNAME,會(huì)出現(xiàn)CNAME地址,復(fù)制一下,然后去DNS解析設(shè)置

我的域名是在阿里萬(wàn)網(wǎng)購(gòu)買的,大家自行在自己的DNS服務(wù)商那添加

主機(jī)記錄我寫(xiě)的是qiniu,跟我下圖中的泛子域名qiniu.godi13.com是對(duì)應(yīng)的,你也可以自行設(shè)置,CNAME記錄值就是復(fù)制的那個(gè)

最后,別忘了在空間設(shè)置里面將默認(rèn)首頁(yè)設(shè)置開(kāi)啟,就是這篇Blog第一張圖那里,然后你可以上傳一個(gè)index.html測(cè)試用你設(shè)置的域名登錄一下,看是否有效,如果沒(méi)有問(wèn)題,繼續(xù)下一步

Travis

如果對(duì)hexo配合travis不了解,建議先看一下使用 TRAVIS 自動(dòng)部署 HEXO 到 GITHUB 與 自己的服務(wù)器

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

在本地項(xiàng)目中下載qsehll,將來(lái)一起上傳到GitHub上

curl -O http://devtools.qiniu.com/qshell-v2.0.5.zip
# 如果沒(méi)安裝zip請(qǐng)先安裝或者手動(dòng)解壓
unzip qshell-v2.0.5.zip
# 留下linux版本
mv qshell_linux_amd64 qshell
# 刪除其它
rm qshell_* qshell-*
# 確保有執(zhí)行權(quán)限
chmod +x qshell

添加上傳七牛的配置文件,名稱自擬,為了配合七牛的指令qupload,具體參數(shù)含義請(qǐng)看文檔

{
  "src_dir"            :   "/home/travis/build/GitHub帳號(hào)名/創(chuàng)建的項(xiàng)目名稱/public",
  "bucket"             :   "你要上傳的七??臻g名稱",
  "ignore_dir"         :   false,
  "overwrite"          :   true,
  "check_exists"       :   true,
  "check_hash"         :   true,
  "check_size"         :   true,
  "rescan_local"       :   true,
  "skip_file_prefixes" :   "test,demo,",
  "skip_path_prefixes" :   "hello/,temp/",
  "skip_fixed_strings" :   ".svn,.git",
  "skip_suffixes"      :   ".DS_Store,.exe",
  "log_file"           :   "upload.log",
  "log_level"          :   "info",
  "log_rotate"         :   1,
  "log_stdout"         :   false
}

在項(xiàng)目中添加.tarvis.yml文件,具體內(nèi)容如下

language: node_js
node_js: stable
branches:
  only:
  - master
cache:
  apt: true
  yarn: true
  directories:
  - node_modules
before_install:
# AK SK將來(lái)會(huì)設(shè)置到travis的環(huán)境變量中
- ./qshell account $AK $SK
- curl -o- -L https://yarnpkg.com/install.sh | bash
- export PATH=$HOME/.yarn/bin:$PATH
- npm install -g hexo-cli
install:
- yarn
script:
- hexo clean
- hexo generate
after_success:
# 為上傳七牛的配置文件名稱,這里我起名為config
-  ./qshell qupload config

點(diǎn)擊七牛右上角的個(gè)人面板,找到自己的密鑰

將這兩個(gè)密鑰復(fù)制

放到travis里這個(gè)項(xiàng)目的setting里的環(huán)境變量中去(如果在travis首頁(yè)里沒(méi)有看到自己新建的項(xiàng)目,就手動(dòng)點(diǎn)擊一下同步)

然后在終端進(jìn)入你要上傳的hexo項(xiàng)目中去,執(zhí)行以下命令

git init
git remote add origin https://github.com/用戶名/剛才起的項(xiàng)目名字.git
git add .
git push

如果上傳成功看到此圖可能是因?yàn)闆](méi)有打開(kāi)空間設(shè)置里面的默認(rèn)首頁(yè)設(shè)置,如果開(kāi)啟了稍等一會(huì)刷新一下就應(yīng)該可以了


</div>

最后在這里放一下我的配置文件config.travis.yml

提醒大家注意看travislog,如果用實(shí)在不行,那就手動(dòng)使用hexoqshell吧,此文只是提供一個(gè)思路,感謝大家的閱讀~</div>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,443評(píng)論 6 532
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,530評(píng)論 3 416
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事?!?“怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 176,407評(píng)論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 62,981評(píng)論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,759評(píng)論 6 410
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,204評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,263評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,415評(píng)論 0 288
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,955評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,782評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,983評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評(píng)論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,222評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 34,650評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 35,892評(píng)論 1 286
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,675評(píng)論 3 392
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,967評(píng)論 2 374

推薦閱讀更多精彩內(nèi)容