使用Github+Jekyll制作自己的部落格
今天剛剛搭好自己的Blog,很興奮,在這記錄一下搭建Blog的曆程
在Github上搭建一個部落格,很簡單,隻需要三步:
- 在 Github 上建一個庫,庫的名字是名為 xxx.github.com,其中的xxx是你的github的賬号名
- 在Jekyll模闆中選擇自己喜歡的版面clone到本地
- 對模闆中的資訊進行修改,将模闆push到自己的庫中
這樣一個屬于自己的Blog就誕生了,下面介紹一下具體的操作。
在Github上建立倉庫
第一步,想在Github上建倉庫庫,你得有個Github賬号,如果沒有,那你就得注冊一個賬号,進入Github官網,填寫注冊資訊,這些應該對你來說非常簡單了,接着你會來到下圖:

根據步驟點選,有了賬号以後你需要對你的郵箱進行驗證,一定要驗證。
好了,現在我們終于可以建立倉庫了,我們有兩種方法:
- 一種是用git指令,如果不會git指令,這裡推薦一個學習的網站,相信它會對小白階段的你有很大的幫助,雖然我也是一個小白Git教程
- 在github網頁上進行操作或者在github桌面工具中操作并上傳
如果使用git指令,大緻語句如下,根據自己賬号名的不同進行更改
echo "# dapengyou.github.com" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/dapengyou/dapengyou.github.com.git
git push -u origin master
如果沒有綁定 SSH key,一般會要求輸入使用者名和密碼
如果使用的是第二種方法,操作如圖
接下來會會出現下圖:
不需要勾選「Initialize this repository with a README」,當然你勾選了也可以,這個時候我們的倉庫什麼東西還沒有, 是以我們還要初始化點東西, 點選右上角的settings, 在網頁的最下面點選Launch automatic page generator, 然後一路繼續
接下來會讓你選擇主題, 由于我們最後要自己上傳網頁, 是以這裡預設就好, 直接點選publish pages下一步就可以了。
好了, 理論上現在你的個人部落格就已經建立好了, 通過浏覽器通路一下
https://你的github帳号.github.io
這時你就可以看到一個預設生成的網頁了,這時我們就可以安安心心的進入下一步了
使用jekyll模闆
在之前的工作都完成後,你需要将倉庫檔案close到本地,close的語句:
git clone https://github.com/dapengyou/dapengyou.github.com.git
接着删掉裡面的内容,進入jekyll網頁模闆中選擇自己喜歡的模闆下載下傳,将下載下傳的所有的内容複制到剛剛clone下來的檔案夾中。
接下來,也是很重要的一點,因為克隆了别人的模闆,是以在_config.yml檔案中修改相應的資訊,将模闆變成自己的。
這裡我用的模闆是Jacman,是以更改的内容可以參照配置指南
不過重中之重是你的電腦裡有配置jekyll。
送出倉庫
終于到了最後一步,就是将你clone後并配置好的檔案夾送出到遠端倉庫
這時再輸入dapengyou.github.io,将會出現下圖:
屬于自己的部落格就搭建好了
當然,還有一點小小的瑕疵,那就是要怎麼樣添加自己的文章呢?别急,往下看
在你下載下傳的檔案中有一個檔案夾_post/,隻需要在此檔案夾中加入帶有 YAML 頭資訊的 markdown 檔案,然後 push 到 Github,就會被自動渲染成 HTML。
帶有 YAML 頭資訊如下:
---
layout: post
title: 這裡是題目
tags:
- 标簽1
- 标簽2
categories: 分類
description: 描述。
---
這個YAML 頭資訊很重要,如果沒有這個,就沒有這麼美觀的網頁了,你們也可以試試不加是什麼效果哦
這是我的部落格位址