GitHub博客搭建

$git --version
git version 1.7.1
  • GitHub賬號(免費注冊)
  • Git基本操作(學時30min)
  • Markdown語法(學時15min)
開通自己的github.io repo

步驟當然,一切的前提是你得首先有個github的賬戶,這里還請自行解決。登陸你的賬戶后,你可以創建一個新的repo請務必注意該repo的名字,必須保持格式<username>.github.io,其中<username>替換成你的github賬戶名,這里假定創建的repo為tuqiang2014.github.io

github.io

把你創建的repo clone到本地

當我用HTTPS時:

git clone https://github.com/tuqiang2014/tuqiang2014.github.io.git
Initialized empty Git repository in /root/zhouyunlai/fqQuality/MicroFun/STAMP/STAMP/stamp/tuqiang2014.github.io/.git/
error:  while accessing https://github.com/tuqiang2014/tuqiang2014.github.io.git/info/refs

fatal: HTTP request failed

于是我:

git clone git@github.com:tuqiang2014/tuqiang2014.github.io.git
Initialized empty Git repository in /home/zhouyunlai/GitHub/tuqiang2014.github.io/.git/
warning: You appear to have cloned an empty repository.

成功了。然后:

$ cd tuqiang.github.io
$ echo "Hello World" > index.html
$ git add index.html
$ git commit -m "Init commit"
$ git push origin master

打開博客網站https://tuqiang2014.github.io/出現了 Hello World。

選擇一款Jekyll的主題
  • Fork出自己的repo

    為了便于管理,建議先把Huxpro fork到自己的賬戶下

    • clone樣板repo
git clone git@github.com:Huxpro/huxblog-boilerplate.git
Initialized empty Git repository in /home/zhouyunlai/GitHub/tuqiang2014.github.io/huxblog-boilerplate/.git/
remote: Counting objects: 1833, done.
remote: Total 1833 (delta 0), reused 0 (delta 0), pack-reused 1833
Receiving objects: 100% (1833/1833), 31.24 MiB | 166 KiB/s, done.
Resolving deltas: 100% (1191/1191), done.

OR clone主題

$ git clone git@github.com:keysaim/huxpro.github.io.git

添加自己的github.io git repo
clone了huxpro的repo之后,需要將自己創建的github.io repo設置到clone的repo:

$ cd huxpro.github.io
$ git remote add mine git@github.com:tuqiang2014/tuqiang2014.github.io.git

修改必要的配置

clone之后的repo其實是Huxpro自己的博客網站,里面有非常多作者自己的博文,可根據自己的需要進行必要的刪減。基于Jekyll的博客網站,對于配置,非常重要的一個文件是_config.yml文件,代開這個文件進行必要的修改:

# Site settings
title: 王子哥哥
SEOTitle: yunlai的博客 | tuqiang2014 Blog
header-img: img/home-bg.jpg
email: yunlai@gmail.com
description: "zhouyunlai | 與你一起發現更大的世界。"
keyword: "zhuyunlai,wangzi"
url: "https://tuqiang2014.github.io"              # your host, for absolute URL
baseurl: ""                             # for example, '/blog' if your blog hosted on 'host/blog'
編寫發布博客

Jekyll對于博文,都是要求放在_posts目錄下面,同時對博文的文件名有嚴格的規定,必須保持格式YEAR-MONTH-DAY-title.MARKUP,通常情況下,咱們采用推薦的Markdown撰寫博文,基于該格式,本博文的文件名為_posts/Books/2018-03-04-book-test.markdown

寫好博文之后,就可以通過git提交博文了:

$ git add _posts/Books/2018-03-04-book-test.markdown
$ git commit -m "Add how to setup your github.io blog"
$ git push mine master

我push的時候出了一次錯,然后看了這個就解決了由于github倉庫中提前建立readme文件,導致git push報錯error: failed to push some refs to 'git@github.com:

其中,mine就是前面設置的你自己的repo。等一會(通常幾秒到幾十秒不等),就可以打開自己的博客網站查看博文了,這里是我的博客網站https://tuqiang2014.github.io

所有n元素都是套用模板,大致是這樣的:


主頁

其他的都能忍,但是自己的頁面上總有一個別人的標簽總感覺不太好,到現在我還不知道favicon.ico是什么東西,下次研究一下設計一個自己的。

如何快速搭建自己的github.io博客

?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,533評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,055評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,365評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,561評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,346評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,889評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,978評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,118評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,637評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,558評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,739評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,246評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,980評論 3 346
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,619評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,347評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,702評論 2 370

推薦閱讀更多精彩內容