經過github搭建我的博客

今天突發奇想,想用GitHub搭建一個我的博客,就大概學習了一下,特此記錄。html

其實很是簡單,首先要知道,這裏是經過GitHub Pages進行搭建的,什麼?不知道什麼是GitHub Pages?Github Pages設計的初衷是爲託管在GitHub上的項目提供介紹頁面,開發者們能夠經過GitHub Pages爲他們的每個項目建立一個用於介紹該項目的靜態網站,由於它是免費的,因此咱們能夠拿來搭建我的網站,不過先明確一下,不一樣於在服務器上搭建網站,GitHub沒有數據庫,搭建的也是靜態網站,每次新建文章都須要在本地建好,push上去,挺麻煩的,嫌麻煩的仍是用博客園,簡書這種吧。git

搭建也是很是簡單,首先註冊個GitHub帳號,而後新建一個repository,命名爲「你的GitHub名字.github.io」,好比個人就是github

爲何要這麼起名字?人家規定的。數據庫

接下來,咱們能夠看看官方文檔是怎麼說的,看完就明白了。服務器

https://pages.github.com工具

官方例子是這樣:post

(1)創建倉庫DarrenChanChenChi.github.io
(2)下載倉庫到本地學習

git clone https://github.com/username/username.github.io

(3) 進入倉庫目錄,創建網頁入口文件網站

cd username.github.io
echo "Hello World" > index.html

(4)提交代碼spa

git add --all
git commit -m "Initial commit"
git push -u origin master
這樣訪問https://darrenchanchenchi.github.io/就是看到網頁「hello world」,是否是很簡單?
但是這樣的頁面太low了,本身又不會設置樣式咋整?彆着急,有官方推薦的jekyll,這玩意又是啥?

jekyll是一個簡單的免費的Blog生成工具,將純文本轉化爲靜態網站和博客;因爲我們的GitHub Pages生成的是靜態頁面,每次更新博客都須要手動更改HTML,這就使得每次寫博客都變得很麻煩,而用了這個工具之後,它會根據預先設置好的格式來生成博客內容,你就無需關心html代碼,只須要把重心放在博客的寫做上。

文件目錄的一些介紹以下:

簡單瞭解便可,但是讓本身從頭寫太麻煩了,別擔憂,有大神,大神設計好了不少模板供你選擇:

JekyllThemes

下載以後按照以前的步驟把模板上傳到本身的Github倉庫中,在_posts文件夾中放入本身寫好的博客,文件名必須是日期-標題名,例如:2018-12-06-個人第一篇博客。

這裏推薦一個大神的,樣式我比較喜歡,https://github.com/mzlogin/mzlogin.github.io

fork一下,改改內容,就能夠了,很簡單,人家的說明很詳細,讀一下README.md,我fork完就是這樣:

 

而後clone下來,按照要求改改配置文件便可。改完傳上去,萬事俱備,個人效果以下:

https://darrenchanchenchi.github.io/

內容仍是人家的,還沒替換,要是想換成本身的域名,能夠參考:http://www.javashuo.com/article/p-dvitaakn-x.html

參考

http://www.javashuo.com/article/p-ghaxgybj-ep.html

http://www.javashuo.com/article/p-fdfgssln-ke.html

https://www.jianshu.com/p/000bb99a72c3

相關文章
相關標籤/搜索