1. 程式人生 > >通過github搭建個人博客

通過github搭建個人博客

github上 無需 sts 個人 只需要 htm 記錄 技術 tail

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

其實非常簡單,首先要知道,這裏是通過GitHub Pages進行搭建的,什麽?不知道什麽是GitHub Pages?Github Pages設計的初衷是為托管在GitHub上的項目提供介紹頁面,開發者們可以通過GitHub Pages為他們的每一個項目創建一個用於介紹該項目的靜態網站,因為它是免費的,所以我們可以拿來搭建個人網站,不過先明確一下,不同於在服務器上搭建網站,GitHub沒有數據庫,搭建的也是靜態網站,每次新建文章都需要在本地建好,push上去,挺麻煩的,嫌麻煩的還是用博客園,簡書這種吧。

搭建也是非常簡單,首先註冊個GitHub賬號,然後新建一個repository,命名為“你的GitHub名字.github.io”,比如我的就是

技術分享圖片

為什麽要這麽起名字?人家規定的。

接下來,我們可以看看官方文檔是怎麽說的,看完就明白了。

https://pages.github.com

官方例子是這樣:

(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)提交代碼

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/

技術分享圖片

內容還是人家的,還沒替換,要是想換成自己的域名,可以參考:https://www.cnblogs.com/zhangqie/p/7978394.html

參考

https://blog.csdn.net/u012168038/article/details/77715439

https://blog.csdn.net/xudailong_blog/article/details/78762262

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

通過github搭建個人博客