一步步在 github pages 上用 jekyll 搭建屬於本身的博客

image-20191123112911663.jpg

個人專業與互聯網沒有太大關係,接觸博客仍是工做之後的事情。隨着工做的經驗增長,總想將本身的所思所得記錄下來,畢竟,好記性不如爛筆頭。html

開始是將本身的總結在本地保存,可是本地有一個劣勢,就是不能隨時隨地的查看,最重要的是,不能隨時隨地的裝X,因此,最後轉到了簡書,轉到簡書,是17年的時候,那個時候,簡書的質量仍是有保證,可是,隨着簡書的發展,廣告愈來愈多,文章質量愈來愈差,並且首頁推送的文章太多關於性的東西,重要是,慢慢地也出現了好多標題黨,讓人煩不勝煩。node

無奈之下,只有嘗試去尋找新的平臺...git

此時,盯了不少家,好比博客園,csdn, 知乎,少數派等。除了知乎讓我比較滿意外,其它都有廣告,固然,知乎也有,不過,知乎的質量在那兒,因此,廣告也就不那麼在乎了。可是知乎是問答型社區,與本身這無病呻吟小年輕的風格又有點不搭,在上面寫一篇文章,確實是要必定的專業深度的,固然,灌水這種事情,我不肯意去作。github

最後,結論就是各個平臺都不滿意。瀏覽器

那就本身搭建一個博客平臺吧...服務器

博客選擇

搭建我的博客,有不少種方案。markdown

因最近經濟壓力大,因此,本着能省幾毛是幾毛的理念,便選擇了平臺免費,功能強大,上手簡單的組合:github pages +jekyll 來搭建本身的博客 明不知昔hexo

image-20191123112746605.png

爲何選擇這個組合呢?編輯器

  1. 服務器選擇
    收費的雲服務器什麼的就不考慮了,那麼免費且還能搭建博客的,主要的選擇就是 github pages 和 gittee pages。前者的服務器在國外,由於牆的緣由,速度較慢,可是上面的資源多,爲微軟家的東西,質量有保證,生態齊全,且自帶了jekyll編譯器,這個是很重要的一點,若是用jekyll做爲博客平臺,那麼只須要上傳源文件,本地不須要進行編譯,這樣本地就不須要安裝複雜的環境了。後者的服務器在中國,響應速度快,可是不支持jekyll編譯,若是想在其它電腦更新博客文章,還得在電腦上下載一系列的 jekyll 環境,太麻煩了, 因此,果斷放棄。
  2. 語言選擇
    構建 pages 有兩種語言,分別是 jekyll 和 hexo,據查閱的各類資料顯示,使用 hexo 比 jekyll 更有優點,可是jekyll 能夠把原文上傳到 github,就能夠直接生成博客,也能夠用在線編輯器處理,而 hexo 則要是本地生成 html 再上傳,要求有本地node環境。因此仍是 jekyll 省心,之後直接用 git 就能夠解決一切了。

開始部署

  1. 創建本身的 github 帳戶,請自行百度或者點擊下面的連接。

建立個人GitHub帳號及使用post

  1. Fork 本主題的倉庫

howtoforkrepo.PNG

  • 進入本身的克隆的倉庫,而後點擊 Settings, 也能夠直接輸入這個地址:https://github.com/你的用戶名/galensgan.github.io/settings
  • 將倉庫名稱改成:你的用戶名.github.io 形式,點擊 Rename 重命名
  1. 本身的博客網站就初步創建了,你能夠在瀏覽器中輸入本身的網址訪問:你的用戶名.github.io

  2. 開始定製博客內容
  • 下載並安裝git
    傳送門-Git安裝
  • 進入到本身的倉庫:點擊 Clone or download, 而後複製框中顯示的URL

TIM截圖20191123125227.png

  • 在你想將代碼放置的目錄處,右鍵 >> Git Bash Here

TIM截圖20191123125621.png

  • 在彈出的黑窗體中輸入:git clone 你複製的url >> 回車,開始克隆代碼

TIM截圖20191123125857.png

  • 克隆完成之後,進入目錄修改相關內容,變成本身的信息,下面列出常常用到或者是須要修改的目錄:
    |目錄名稱|做用|
    | ---- | ---- |
    |_drafts|草稿,若是未完成的文章,能夠放在裏面,在裏面的文章不會顯示在博客上|
    |_post|發表的文章放在這裏|
    |about|關於中的內容寫在這裏|
    |_config.yml|此爲網站的配置文件,全部的界面的信息和功能,都裏面進行設置|
    |...|...|
    修改 _config.yml 爲你本身的博客內容,同時,在post放入本身的 markdown 格式的文章
  • 對文章格式的要求:
    • 標題名稱:年-月-日-惟一識別號,好比 2019-11-23-template
    • 正文內容:每一個頭部要有以下格式
layout: post
category: template
title: this is a template
tagline: by 明不知昔
tags: 
  - template
  - blog
published: true

同時注意,每個冒號後面需有一個空格

  1. 推送到github完成更新

你進入你的本地倉庫目錄裏面(與.git目錄同級),右鍵 >> 右鍵 >> Git Bash Here >> 在彈出的黑窗體中依次輸入下面的內容,每輸入一行,按一次回車

git add . 
git commit -m "這裏是你提交的內容的描述,好比:初始化本身的博客"
git push

到此,屬於本身的博客就完成了,再次在網頁中打開你的用戶名.github.io, 看看效果吧~

致謝

  1. simpleyyt.github.io

本文首發於明不知昔,轉載請註明出處。

相關文章
相關標籤/搜索