$git --version
git version 1.7.1
- 有GitHub賬號(免費注冊)
- Git基本操作(學時30min)
- Markdown語法(學時15min)
開通自己的github.io repo
步驟當然,一切的前提是你得首先有個github的賬戶,這里還請自行解決。登陸你的賬戶后,你可以創建一個新的repo。請務必注意該repo的名字,必須保持格式<username>.github.io
,其中<username>
替換成你的github賬戶名,這里假定創建的repo為tuqiang2014.github.io
把你創建的repo clone到本地
當我用HTTPS時:
git clone https://github.com/tuqiang2014/tuqiang2014.github.io.git
Initialized empty Git repository in /root/zhouyunlai/fqQuality/MicroFun/STAMP/STAMP/stamp/tuqiang2014.github.io/.git/
error: while accessing https://github.com/tuqiang2014/tuqiang2014.github.io.git/info/refs
fatal: HTTP request failed
于是我:
git clone git@github.com:tuqiang2014/tuqiang2014.github.io.git
Initialized empty Git repository in /home/zhouyunlai/GitHub/tuqiang2014.github.io/.git/
warning: You appear to have cloned an empty repository.
成功了。然后:
$ cd tuqiang.github.io
$ echo "Hello World" > index.html
$ git add index.html
$ git commit -m "Init commit"
$ git push origin master
打開博客網站https://tuqiang2014.github.io/出現了 Hello World。
選擇一款Jekyll的主題
-
Fork出自己的repo
為了便于管理,建議先把Huxpro fork到自己的賬戶下
- clone樣板repo
git clone git@github.com:Huxpro/huxblog-boilerplate.git
Initialized empty Git repository in /home/zhouyunlai/GitHub/tuqiang2014.github.io/huxblog-boilerplate/.git/
remote: Counting objects: 1833, done.
remote: Total 1833 (delta 0), reused 0 (delta 0), pack-reused 1833
Receiving objects: 100% (1833/1833), 31.24 MiB | 166 KiB/s, done.
Resolving deltas: 100% (1191/1191), done.
OR clone主題
$ git clone git@github.com:keysaim/huxpro.github.io.git
添加自己的github.io git repo
clone了huxpro的repo之后,需要將自己創建的github.io repo設置到clone的repo:
$ cd huxpro.github.io
$ git remote add mine git@github.com:tuqiang2014/tuqiang2014.github.io.git
修改必要的配置
clone之后的repo其實是Huxpro自己的博客網站,里面有非常多作者自己的博文,可根據自己的需要進行必要的刪減。基于Jekyll的博客網站,對于配置,非常重要的一個文件是_config.yml文件,代開這個文件進行必要的修改:
# Site settings
title: 王子哥哥
SEOTitle: yunlai的博客 | tuqiang2014 Blog
header-img: img/home-bg.jpg
email: yunlai@gmail.com
description: "zhouyunlai | 與你一起發現更大的世界。"
keyword: "zhuyunlai,wangzi"
url: "https://tuqiang2014.github.io" # your host, for absolute URL
baseurl: "" # for example, '/blog' if your blog hosted on 'host/blog'
編寫發布博客
Jekyll
對于博文,都是要求放在_posts
目錄下面,同時對博文的文件名有嚴格的規定,必須保持格式YEAR-MONTH-DAY-title.MARKUP
,通常情況下,咱們采用推薦的Markdown
撰寫博文,基于該格式,本博文的文件名為_posts/Books/2018-03-04-book-test.markdown
寫好博文之后,就可以通過git提交博文了:
$ git add _posts/Books/2018-03-04-book-test.markdown
$ git commit -m "Add how to setup your github.io blog"
$ git push mine master
我push的時候出了一次錯,然后看了這個就解決了由于github倉庫中提前建立readme文件,導致git push報錯error: failed to push some refs to 'git@github.com:
其中,mine
就是前面設置的你自己的repo。等一會(通常幾秒到幾十秒不等),就可以打開自己的博客網站查看博文了,這里是我的博客網站https://tuqiang2014.github.io。
所有n元素都是套用模板,大致是這樣的:
其他的都能忍,但是自己的頁面上總有一個別人的標簽總感覺不太好,到現在我還不知道favicon.ico是什么東西,下次研究一下設計一個自己的。