github page+jekyll搭建博客

第一次就寫一下,自己在github上利用github page這個功能搭建博客的過程也算是一個教程吧。第一次寫有什麼不對的地方請大家指正啦。

準備工作

首先想要使用github page搭建一個博客你需要一些準備,也就是一些儲備知識。你先要了解git的基本用法,這裏推薦一些廖雪峯的博客,感覺寫的很好很適合入門,我也是從他那裏入門的。廖雪峯的git教程 然後去github的官網申請一個賬號,然後我們就可以同時利用git強大的功能和github提供的服務來寫博客了

克隆遠程倉庫

首先在github上新建一個倉庫叫做yourusername.github.io記得吧yourusername替換成你的用戶名。爲什麼要建這樣一個倉庫呢,因爲github默認把這個當作github page。當然你也可以用其他的,其實每個項目都可以有一個靜態頁面,這裏我用的就是默認的了。然後使用git clone....這個命令把項目克隆到本地,後面接的是你項目的地址。寫博客就是在這個裏面了。

搭建本地環境

官方使用的博客工具是jekyll,我用的也是這個。不過正如github上所寫的,因爲windows不是官方支持的平臺所以比較麻煩。官方推薦用的是Chocolatey來安裝jekyll,這是一個類似與apt-get這一類的軟件包管理器。Chocolatey的安裝方法在它的官網上有,十分的簡單。chocolatey官網安裝 記得也管理員的身份運行命令提示符,不然的話會安裝失敗。然後安裝官方的教程配置環境。之後按照官方的文件配置環境就可以了。官方文檔 這應該是最簡單的方法了,也官方推薦的方法,當然你也可以手動安裝。當初我因爲網絡的一些原因安裝不了chocolatey,就是手動安裝的。

嘗試寫博客

環境搭建好了就可以寫博客了,你可以通過在git bash也可以在命令提示符裏輸入jekyll new loge這個命令來生成一個博客文件夾在所在的目錄(還是感覺用git bash好一點)。結構大致是這樣的:

  1. 文件夾_layouts:用於存放模板的文件夾,裏面有兩個模板,default.html和post.html

  2. 文件夾_posts:用於存放博客文章的文件夾,裏面有一篇markdown格式的文章–2014-01-27-welcome-to-jekyll.markdown

  3. 文件夾css:存放博客所用css的文件夾

  4. .gitignore:可以刪掉,後面會將項目添加到git項目,所以這個不需要了

  5. _coinfig.yml:jekyll的配置文件,裏面可以定義相當多的配置參數,具體配置參數可以參照其官網

  6. index.html:項目的首頁

根據的你的實際需要創建你需要的文件夾。

使用jekyll server -watch這個命令就可以在本地的瀏覽器查看一下效果了,-watch命令可以讓你的修改實時的顯示出來。至於具體的過程我也在學習中就不誤人子弟了,你可以去jekyll的官網上看教程,也可以看網上別人的教程。中文官網當然在學習了基本的一些方法之後想要有一個漂亮的博客就可以去使用一下別人寫好的模版了。然後根據自己的需要去改造了,在這個過程中不斷的學習進步。這些模板在github上有很多,官方的網站上也有。主題官網鏈接

配置自己的個性化博客域名

github的默認博客域名是yourusername.github.io。想要一個個性化的域名的話也很簡單。首先你要買一個域名,如果你是高校的學生的話可以去搶一下騰訊雲的學生優惠資格,在上學期間每年可以有一個.cn的域名,一個月1元就可以有一個雲服務器了。騰訊雲 有了自己的域名之後先在解析裏添加一個cname記錄把你的域名向yourusername.github.io這個域名,然後在你的博客的根目錄,也就是youusername.github.io這個文件夾裏添加一個CANME文件在裏面寫上你的個性化域名。然後把它提交到遠程倉庫就可以了了,等解析完成了之後。在地址欄輸入你的個性化域名就可以看到自己的博客了。

有興趣的話可以去我的博客看一下,現在還是很簡陋啦,也是直接借用別人的模板沒做什麼修改,附上鍊接尹傲雄的博客

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章