用Github搭建自己免費的個人博客

咳咳,如果你想要公開你的博客。買域名還是要錢滴,我不會告訴你我花了一塊錢。

網上關于這方面的素材已然不少,但是我還是想跟大家講講,一是談談感受,二是推薦下NexT主題。我的個人博客也是最近幾天搭建好的,你可以通過點擊查看主題效果。

搭建博客

首先需要創建一個github賬號,官方網址在這里

圖片轉自http://blog.csdn.net/renfufei/article/details/37725057/

操作很簡單,相信你沒問題。

第二步是fork我的主題,地址點擊這里。右上角有個大大的Fork按鈕,點擊它,沒錯,點它。這樣等一下,github嘟嘟嘟就把我的所有內容傳到你的資源包里去了。

第三步,把資源包的名字改掉。改成根據創建賬號用戶名+github.io。像我的用戶名是ShixiangWang,名字就該是ShxiangWang.github.io。如下圖,在Settings里面改變然后點擊Rename即可。

rename.png

這樣你的博客框架已經搭好了,可以在瀏覽器輸入用戶名.github.io查看。

如果你覺得這個主題不行,那我無話可說。你可以上Jekyll Themes
找個你喜歡的,找到它的github地址Fork之后改名;或者下載所有的文件把ShixiangWang.github.io下的文件全部刪掉,把你喜歡的資源包拷貝進去。這個過程如果你在瀏覽器上操作比較麻煩,如果是Windows用戶或者Mac用戶可以下載Github桌面版進行操作:先把你的資源庫Fork到本地,然后修改(刪掉所有的內容,把你下載的主題資源包內容拷貝進去),然后上傳到倉庫(CommitPush)。

具體軟件的使用可以參考這個知乎鏈接。使用Linux的朋友多少對git有些概念,直接使用git對github倉庫進行操作并不困難,相信你們能夠搞定,不會的話網上也有一大堆開源博文等著你。我之前也整理過一篇git使用手冊。

修改主題配置

關于NexT主題的使用,README文檔里有詳細的介紹和配置文檔鏈接。我是從https://github.com/Simpleyyt/jekyll-theme-next那里Fork過來的,如果有問題你可以建立issue進行交流。當然你也可以Fork他的,因為我的主題已經參考使用文檔做了一些自定義修改,所以有一些不同。

如果Fork我的主題,你看到的就是我個人博客顯示的那樣。你只需要改些跟自己有關愛好、涉及賬號的東西就可以了。當然你可以根據使用文檔一步一步的修改和調試,跟著做就行了。

如果是Fork我的,請修改以下內容,具體操作參考使用文檔

開始使用專欄里:
設置 頭像
設置 作者昵稱
站點描述
主題配置專欄里:
側邊欄社交鏈接
開啟打賞功能
第三方服務專欄里:
來必力
百度統計

公開博客

這一部分就是為你的Github個人博客綁定域名。就像我的域名是flypeom.site,你在瀏覽器輸入它,瀏覽器能夠找到它的ip地址,從而打開你的博客主頁。

雖然在Internet上可以訪問我們的網站,但是網址是GitHub提供的:http://xxxx.github.io*
"); background-size: cover; background-position: 0px 2px;">*
(知乎排版可能會出現"http://"字樣) 而我們想使用我們自己的個性化域名,這就需要綁定我們自己的域名。這里演示的是在阿里云萬網的域名綁定,在國內主流的域名代理廠商也就阿里云和騰訊云。登錄到阿里云,進入管理控制臺的域名列表,找到你的個性化域名,進入解析


然后添加解析

包括添加三條解析記錄,192.30.255.112是GitHub的地址,你也可以ping你的 http://xxxx.github.io 的ip地址,填入進去。第三個記錄類型是CNAME,CNAME的記錄值是:你的用戶名這里千萬別弄錯了。第二步,登錄GitHub,進入之前創建的倉庫,點擊settings,設置Custom domain,輸入你的域名。

以上內容引自:GitHub+Hexo 搭建個人網站詳細教程

所謂的Ping地址,Windows可以用菜單鍵+R鍵入cmd進入終端/Linux直接打開終端,鍵入:

ping xxx.github.io #把xxx改成你的用戶名

可以看到返回結果(比如下面我的)里面包含ip地址,這就是你在添加解析時需要填入的。

wsx@wsx-ubuntu:~$ ping ShixiangWang.github.io
PING sni.github.map.fastly.net (151.101.193.147) 56(84) bytes of data.
64 bytes from 151.101.193.147: icmp_seq=1 ttl=48 time=60.7 ms
64 bytes from 151.101.193.147: icmp_seq=2 ttl=48 time=60.3 ms
64 bytes from 151.101.193.147: icmp_seq=3 ttl=48 time=60.2 ms
64 bytes from 151.101.193.147: icmp_seq=4 ttl=48 time=60.1 ms
64 bytes from 151.101.193.147: icmp_seq=5 ttl=48 time=60.1 ms
64 bytes from 151.101.193.147: icmp_seq=6 ttl=48 time=60.1 ms

最后在資源的最外層創建一個CNAME文本文件,記住不要后綴,在里面填入域名即可。

下圖可以看到我的資源里有這個文件:


cname.png

看看里面的內容吧:

里面就一行字符,寫的就是域名。


cname_content.png

寫博客

上述配置完后,剩下你需要關心的只有寫博文了。博文的書寫需要遵循一定的要求,包括3方面:

  • 頭信息
  • 博文內容
  • 文件名

頭信息是需要遵循YAML語法的一些信息,書寫在文件的頭部。內容可以有很多,它的格式如下:

---
layout: post
title: This is my first blog
---

這是符合YAML語法的頭信息,它用來讓Jekyll正確解析該文件的內容。比如說layout指定了這是一篇博文,title指定了題目。

常用的有以下幾個鍵值對:

---
title: My blog title
date: 2017-08-11
categories:
- life
- more
tags:
- blog
- post
---

date指定了文章寫作日期;categories指定了文章放置的目錄;tags指定文章標簽。這些信息書寫后,Jekyll會自動將你的文章按時間順序收錄和生成標簽云。是不是很贊~關于Jekyll以及YAML的相關知識,可以查看官方中文文檔喔。

博文的內容需要服從Markdown語法。正文的話就直接打就行了,但是像標題,斜體,下劃線等等的實現符合使用Markdown語法。Markdown非常簡單易學,也非常流行,各大編程相關的網站(像Biostar, Stack overflow)都基本支持,簡書也支持。想要了解的朋友可以查看https://github.com/ShixiangWang/README,或者依賴搜索引擎查閱相關資料。

博文存檔時的文件名需要符合特定的格式要求:可以是.md文件和.html文件。如果是前者,Jekyll會自動將它解析成網頁。命名則是xxxx-xx-xx-*.md,其中xxxx-xx-xx需要填入書寫博文的時間,比如今天應該書寫為2017-08-11,*指代可以填入任意內容,用以區分文件。.md表示是Markdown文件。


文章內容已經寫完了,有什么疑問歡迎和我交流。能力所限,難免有所遺漏,大家多多包涵。

感覺NexT主題很不錯,非常簡約,本人十分喜歡。如果你也喜歡它,也想搭建這樣的博客,就一起來吧。你可以看到我是兩天前開始弄的,現在就已經在這里給你們寫經驗了。其實非常簡單, 我自己摸索還走了不少彎路。Come on.

博文鏈接:http://www.flypeom.site/documentation/2017/08/11/FreeBlog-by-using-GithubPage/

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

推薦閱讀更多精彩內容