GitLab Pages 搭建Hexo教程

??Home:https://www.dnocm.com/articles/gitlab-pages-for-hexo

大部分情況下憨降,都是github pages與hexo組合搭建靜態(tài)博客梨州。但不可否認(rèn)的是湾盗,這樣存在一些問題。比如谁鳍,每次文章寫完都需要要編譯婚瓜,才能上傳,如果我僅僅想寫個博客纤房,這樣的操作顯得繁瑣。又比如翻诉,你擁有多臺電腦的情況,你需要在每臺電腦上都配置一樣的環(huán)境捌刮。

所以通過持續(xù)集成CI/CD的方式碰煌,讓編譯自動化蚀苛,是一種很不錯的解決方案怨规。這里將介紹gitlab-ci來簡化環(huán)境的搭建與編譯過程弯淘。當(dāng)然靜態(tài)資源將托管在gitlab-pages上饺蔑。

There is also a tutorial in English

中文教程

環(huán)境搭建

  1. 點擊打開gitlab pages例子頁面
  2. fork其中的hexo項目到自己的賬戶(如果沒有需要創(chuàng)建一個新的gitlab賬戶)
  3. 刪除fork關(guān)系(點擊項目左側(cè)的settings->General骗爆,然后展開Advanced settings兜看,刪除fork關(guān)系)
  4. 可選:修改項目信息踏揣,如Project name靶溜、Project description眯杏、Path等夜焦。這里建議Path和Project name一同修改。gitlab pages地址規(guī)則與github是一致的
  5. 可選:建議修改.gitlab-ci.yml中node版本為6.11.2
  6. 修改任意一文件岂贩,如readme.md或者source/_posts下的文章

當(dāng)你完成這些步驟茫经,你可以點擊右側(cè)的CI/CD,可以看到如下畫面:

當(dāng)然你看到的可能是pending或running萎津,這時請耐心等待卸伞。當(dāng)顯示為passed時,在瀏覽器中輸入托管地址https://your-name.gitlab.io/projext-name锉屈,能訪問荤傲,就意味著搭建成功咯

修改主題

這個項目結(jié)構(gòu)是標(biāo)準(zhǔn)的hexo的項目,除了多個一個.gitlab-ci.yml颈渊,如下圖

我們僅需關(guān)心script部分即可遂黍,而這部分其實是標(biāo)準(zhǔn)的hexo命令。

如果你想使用next主題(最受歡迎的hexo主題)俊嗽,http://theme-next.iissnan.com官網(wǎng)的網(wǎng)站上已有詳細(xì)的教程

English

Get Started

  1. Click example projects for gitlab pages
  2. Fork the project of hexo to your account(If you do not have any gitlab account, you can create a new)
  3. Remove fork relationship(Choose settings->General from the list on the left.And expand Advanced settings to remove fork relationship)
  4. Optional: modify project info妓湘,such as Project name, Project description, Path etc. Here's a suggestion about that path and Project name modify together. your website will be available at https://username.gitlab.io/projectname, it is familiar with gitlab pages.
  5. Optional: suggested modify the node's version from .gitlab-ci.yml to 6.11.2
  6. Modify any file, such as readme.md or the article under source/_posts
  7. Choose CI/CD, waiting job completion
  8. Click https://your-name.gitlab.io/projext-name

Advanced

  • you can modify script in .gitlab-ci.yml.
  • you can change the theme to next, which is most popular theme of hexo, by a official tutorial http://theme-next.iissnan.com

Updated

Command Lines

Use command lines to init a blog with gilab page, written in 2018.9.19

Init hexo project

hexo init your-blog-dir
cd your-blog-dir
hexo s

Hexo is running at http://localhost:4000, you can test it.

Git remote

Assert your project remote url is https://gitlab.com/your-gitlab-name/project-name.

git init
git remote add origin git@gitlab.com:<your-gitlab-name>/<project-name>.git
git add .
git commit -m "Initial commit"
git push -u origin master

Add CI config

Please rename <*-name> to real name, such as sed -ri 's/.*(url:.*)/url: https:\/\/jiangtj.gitlab.io/g' _config.yml

wget -O .gitlab-ci.yml https://gitlab.com/JiangTJ/hexo/raw/master/.gitlab-ci.yml?inline=false
sed -ri 's/.*(url:.*)/url: https:\/\/<your-gitlab-name>.gitlab.io/g' _config.yml

If project-name is not your-gitlab-name.gitlab.io, update root var.

sed -ri 's/.*(root:.*)/root: \/<project-name>\//g' _config.yml

Push to remote

git add .
git commit -m "CI"
git push -u origin master

Wait pipeline finish running, your hexo blog is running at https://your-gitlab-name.gitlab.io/project-name.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市乌询,隨后出現(xiàn)的幾起案子榜贴,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,126評論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件唬党,死亡現(xiàn)場離奇詭異鹃共,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)驶拱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評論 3 400
  • 文/潘曉璐 我一進(jìn)店門霜浴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蓝纲,你說我怎么就攤上這事阴孟。” “怎么了税迷?”我有些...
    開封第一講書人閱讀 169,941評論 0 366
  • 文/不壞的土叔 我叫張陵永丝,是天一觀的道長。 經(jīng)常有香客問我箭养,道長慕嚷,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,294評論 1 300
  • 正文 為了忘掉前任毕泌,我火速辦了婚禮喝检,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘撼泛。我一直安慰自己挠说,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,295評論 6 398
  • 文/花漫 我一把揭開白布愿题。 她就那樣靜靜地躺著纺涤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抠忘。 梳的紋絲不亂的頭發(fā)上撩炊,一...
    開封第一講書人閱讀 52,874評論 1 314
  • 那天,我揣著相機(jī)與錄音崎脉,去河邊找鬼拧咳。 笑死,一個胖子當(dāng)著我的面吹牛囚灼,可吹牛的內(nèi)容都是我干的骆膝。 我是一名探鬼主播,決...
    沈念sama閱讀 41,285評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼灶体,長吁一口氣:“原來是場噩夢啊……” “哼阅签!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蝎抽,我...
    開封第一講書人閱讀 40,249評論 0 277
  • 序言:老撾萬榮一對情侶失蹤政钟,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體养交,經(jīng)...
    沈念sama閱讀 46,760評論 1 321
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡精算,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,840評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了碎连。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片灰羽。...
    茶點故事閱讀 40,973評論 1 354
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖鱼辙,靈堂內(nèi)的尸體忽然破棺而出廉嚼,到底是詐尸還是另有隱情,我是刑警寧澤倒戏,帶...
    沈念sama閱讀 36,631評論 5 351
  • 正文 年R本政府宣布怠噪,位于F島的核電站,受9級特大地震影響峭梳,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蹂喻,卻給世界環(huán)境...
    茶點故事閱讀 42,315評論 3 336
  • 文/蒙蒙 一葱椭、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧口四,春花似錦孵运、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,797評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至赤嚼,卻和暖如春旷赖,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背更卒。 一陣腳步聲響...
    開封第一講書人閱讀 33,926評論 1 275
  • 我被黑心中介騙來泰國打工等孵, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蹂空。 一個月前我還...
    沈念sama閱讀 49,431評論 3 379
  • 正文 我出身青樓俯萌,卻偏偏與公主長得像,于是被迫代替她去往敵國和親上枕。 傳聞我的和親對象是個殘疾皇子咐熙,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,982評論 2 361

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