GitHub Page&Jekyll搭建靜態(tài)博客(一)

很多人都希望有個地方可以把自己的想法掷邦、感悟分享給大家。雖然有很多公共網(wǎng)站提供了便利的分享空間废恋,但更希望有個專屬的博客谈秫。建立網(wǎng)站,通常我們會想到鱼鼓,需要購買域名拟烫,網(wǎng)站存儲的虛擬空間,網(wǎng)站開發(fā)和維護蚓哩。然而构灸,如果只是需要有個展示自我的地方,也就是說需要一個靜態(tài)網(wǎng)站(由HTML靜態(tài)頁面構(gòu)成,不需要動態(tài)交互喜颁,后臺處理)稠氮,那么完全可以考慮利用github提供的pages,來制作一個靜態(tài)博客半开。

網(wǎng)上有很多github pages建博客的文章隔披,但大多已過時。這里簡單介紹下目前的方法寂拆,以及如何通過jekyll這個工具進行管理奢米、定制網(wǎng)站,并通過域名配置纠永,發(fā)布到萬網(wǎng)鬓长,可以在互聯(lián)網(wǎng)中自由訪問。

GitHub Page 創(chuàng)建一個簡單網(wǎng)站

  1. 在github新建一個倉庫(github->new repository)尝江。之前會在github賬戶下創(chuàng)建page涉波,但現(xiàn)在需要基于單獨的倉庫來創(chuàng)建。


    new repository
  2. 設(shè)置好你喜歡的名稱炭序,創(chuàng)建好一個repository后啤覆,進入settings,可以找到'GitHub Pages'對應設(shè)置的地方惭聂。


    github page setting

    現(xiàn)在無法設(shè)置source窗声,因為repository還沒有添加文件,沒有分支辜纲。你可以git clone repository到本地笨觅,然后添加文件,git comment后git push侨歉。但簡單的屋摇,你也可以直接選擇一個主題,自動生成幽邓。

  3. 點擊'choose a theme'炮温,會有幾個供選擇的網(wǎng)站主題,選擇后牵舵,會到提交更改界面柒啤,點擊Commit changes。就會提交自動生成好網(wǎng)站文件和設(shè)置畸颅。
  4. 再次回到setting担巩,會發(fā)現(xiàn)'GitHub Pages'處提示'Your site is published at https://username.github.io/repoName/'。點擊該鏈接没炒,跳轉(zhuǎn)進你新建的網(wǎng)站首頁涛癌。work done!
    github page setting


    跳轉(zhuǎn):
    your page

自定義設(shè)置

source


上面是我們自動生成的網(wǎng)站代碼。

_config.yml # 站點配置文件
index.md # 首頁

從目的上講拳话,我們已經(jīng)完成了靜態(tài)網(wǎng)站的搭建先匪。然并卵,總不能只在一個index.md文件中修改弃衍,只展示一個index界面吧呀非。

github page的本質(zhì),實際上提供了代碼托管的空間镜盯,利用jekyll這個簡單的博客靜態(tài)站點生成工具來生成岸裙、管理。網(wǎng)上有很多jekyll模板速缆,github提供的模板都相對簡單降允,我們可以去下載更多模板jekyll themes

這里我們簡單使用fresh模板激涤。下載zip拟糕,解壓后判呕,將文件copy到我們的本地repo(刪除之前的文件)【胩撸現(xiàn)在的文件:

.
├── LICENSE
├── README.md
├── _config.yml
├── _includes
├── _layouts
├── _pages
├── _posts
├── _site
├── assets
└── index.html
  1. 文件夾_layouts:用于存放模板的文件夾
  2. 文件夾_posts:用于存放博客文章的文件夾,里面是markdown格式的文章
  3. 文件夾css:存放博客所用css的文件夾
  4. _coinfig.yml:jekyll的配置文件侠草,里面可以定義相當多的配置參數(shù)辱挥,具體配置參數(shù)可以參照其官網(wǎng)
  5. index.html:項目的首頁

選定了一個比較完整的模板。我們只需要添加博客文章即可边涕。在_posts文件夾晤碘,參照其他.markdown文件。我們按照相同的命名規(guī)則功蜓,添加文件园爷。編輯后push到github。博客網(wǎng)站就可以得到持續(xù)的更新式撼。

目前選定了模板童社,我們可以實現(xiàn)發(fā)布文章,更新博客這些基本功能著隆。但如何更靈活的優(yōu)化我們的網(wǎng)站扰楼,必然需要更深入的了解jekyll這個工具。關(guān)于jekyll相關(guān)內(nèi)容美浦,下篇文章再單獨介紹弦赖。

限制

既然是免費的,自然會有一些限制浦辨。簡單來說:

  • 網(wǎng)站即一個倉庫的空間小于1G
  • 月流量 100G
  • 每小時更新不超過 10 次

詳見Usage limits

但作為大多數(shù)個人博客來說蹬竖,是無關(guān)痛癢的。當然,如果你是知名博客币厕,就更不應該貪小便宜用免費了庆冕。

另外,作為博客來說劈榨,我們希望在互聯(lián)網(wǎng)上被搜到访递。然而,github屏蔽了百度爬蟲(可能是認為過于牛虻)同辣,所以很遺憾拷姿,我們在github上的文章并不能被百度爬到。旱函。關(guān)于這點响巢,也有一些方法可以解決。一個簡單的思路棒妨,是利用國內(nèi)的coding.net提供的page功能踪古。具體也在后文敘述。


示例網(wǎng)站參照:hot&cool
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末券腔,一起剝皮案震驚了整個濱河市伏穆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌纷纫,老刑警劉巖枕扫,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異辱魁,居然都是意外死亡烟瞧,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門染簇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來参滴,“玉大人,你說我怎么就攤上這事锻弓±猓” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵弥咪,是天一觀的道長过蹂。 經(jīng)常有香客問我,道長聚至,這世上最難降的妖魔是什么酷勺? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮扳躬,結(jié)果婚禮上脆诉,老公的妹妹穿的比我還像新娘甚亭。我一直安慰自己,他們只是感情好击胜,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布亏狰。 她就那樣靜靜地躺著,像睡著了一般偶摔。 火紅的嫁衣襯著肌膚如雪暇唾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天辰斋,我揣著相機與錄音策州,去河邊找鬼。 笑死宫仗,一個胖子當著我的面吹牛够挂,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播藕夫,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼孽糖,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了毅贮?” 一聲冷哼從身側(cè)響起办悟,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嫩码,沒想到半個月后誉尖,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡铸题,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了琢感。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片丢间。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖驹针,靈堂內(nèi)的尸體忽然破棺而出烘挫,到底是詐尸還是另有隱情,我是刑警寧澤柬甥,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布饮六,位于F島的核電站,受9級特大地震影響苛蒲,放射性物質(zhì)發(fā)生泄漏卤橄。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一臂外、第九天 我趴在偏房一處隱蔽的房頂上張望窟扑。 院中可真熱鬧喇颁,春花似錦、人聲如沸嚎货。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽殖属。三九已至姐叁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間洗显,已是汗流浹背七蜘。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留墙懂,地道東北人橡卤。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像损搬,于是被迫代替她去往敵國和親碧库。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

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