天天看點

使用Github+Jekyll制作自己的部落格

使用Github+Jekyll制作自己的部落格

今天剛剛搭好自己的Blog,很興奮,在這記錄一下搭建Blog的曆程

在Github上搭建一個部落格,很簡單,隻需要三步:

  1. 在 Github 上建一個庫,庫的名字是名為 xxx.github.com,其中的xxx是你的github的賬号名
  2. 在Jekyll模闆中選擇自己喜歡的版面clone到本地
  3. 對模闆中的資訊進行修改,将模闆push到自己的庫中

這樣一個屬于自己的Blog就誕生了,下面介紹一下具體的操作。

在Github上建立倉庫

第一步,想在Github上建倉庫庫,你得有個Github賬号,如果沒有,那你就得注冊一個賬号,進入Github官網,填寫注冊資訊,這些應該對你來說非常簡單了,接着你會來到下圖:

使用Github+Jekyll制作自己的部落格

根據步驟點選,有了賬号以後你需要對你的郵箱進行驗證,一定要驗證。

好了,現在我們終于可以建立倉庫了,我們有兩種方法:

  1. 一種是用git指令,如果不會git指令,這裡推薦一個學習的網站,相信它會對小白階段的你有很大的幫助,雖然我也是一個小白Git教程
  2. 在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,一般會要求輸入使用者名和密碼

如果使用的是第二種方法,操作如圖

使用Github+Jekyll制作自己的部落格

接下來會會出現下圖:

使用Github+Jekyll制作自己的部落格

不需要勾選「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,将會出現下圖:

使用Github+Jekyll制作自己的部落格

屬于自己的部落格就搭建好了

當然,還有一點小小的瑕疵,那就是要怎麼樣添加自己的文章呢?别急,往下看

在你下載下傳的檔案中有一個檔案夾_post/,隻需要在此檔案夾中加入帶有 YAML 頭資訊的 markdown 檔案,然後 push 到 Github,就會被自動渲染成 HTML。

帶有 YAML 頭資訊如下:

---
layout: post
title: 這裡是題目
tags:
- 标簽1
- 标簽2
categories: 分類
description: 描述。
---
           
這個YAML 頭資訊很重要,如果沒有這個,就沒有這麼美觀的網頁了,你們也可以試試不加是什麼效果哦

這是我的部落格位址