其實(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
提醒大家注意看
travis
的log
,如果用實(shí)在不行,那就手動(dòng)使用hexo
跟qshell
吧,此文只是提供一個(gè)思路,感謝大家的閱讀~</div>