用過Wordpress搭建過博客,對于我這種喜歡折騰的人來說有點不合適宛乃。之后用Hexo+Github用過一段時間感覺也不太合適虏两。Hexo只把生成的靜態(tài)頁面同步到GitHub雳旅,源文件還是容易丟失。然后就研究一下這個杆怕。
Hexo 搭建博客參考文章:
Mac上搭建基于GitHub的Hexo博客
Hexo的版本控制與持續(xù)集成
接下來是Jekyll
安裝ruby
mac自帶, 沒有則使用brew安裝
查看版本號
$ ruby -v
$ brew install ruby
版本號小于2.1可以參考這篇文章升級Ruby
安裝gem
沒有g(shù)em的參考以下網(wǎng)站:
https://rubygems.org/pages/download
如果安裝好了gem, 建議更換為國內(nèi)的源
# 查看源列表
$ gem sources -l
# 將源移除
$ gem sources --remove https://rubygems.org/
# 添加國內(nèi)源
$ gem sources --add https://gems.ruby-china.org/
# 緩存
$ gem sources -u
輸入gem –version查看版本號族购。對比下官網(wǎng)的版本×暾洌可以使用以下命令更新
$ sudo gem install --system
安裝jekyll
$ sudo gem install jekyll
安裝博客
首先需要安裝bundler
$ sudo gem install bundler
否則會報錯:
Dependency Error: Yikes! It looks like you don't have bundler or one of its dependencies installed
我還裝了以下這些
$ sudo gem install jekyll-paginate
$ sudo gem install jekyll-gist
創(chuàng)建博客,如果沒有找到j(luò)ekyll命令寝杖,請重啟終端。
$ sudo jekyll new blog
安裝過程會顯示一堆安裝的內(nèi)容互纯,最后一行:
New jekyll site installed in /Users/admin/chaiszblog.
本地啟動博客
進入到安裝目錄
$ cd chaiszblog
$ sudo jekyll serve
輸出:
AdmindeiMac:chaiszblog admin$ sudo jekyll serve
Configuration file: /Users/admin/chaiszblog/_config.yml
Source: /Users/admin/chaiszblog
Destination: /Users/admin/chaiszblog/_site
Incremental build: disabled. Enable with --incremental
Generating...
done in 0.411 seconds.
Auto-regeneration: enabled for '/Users/admin/chaiszblog'
Server address: http://127.0.0.1:4000/
Server running... press ctrl-c to stop.
將http://127.0.0.1:4000復(fù)制到瀏覽器打開瑟幕,就可以看見了。
部署到github
我的用戶名為chaishuanzhu,要按照username.github.io創(chuàng)建一個倉庫
所以只盹,我建立了一個chaishuanzhu.github.io的倉庫
得到地址
https://github.com/chaishuanzhu/chaishuanzhu.github.io.git
進入到本地, 將本地的內(nèi)容和github尚的倉庫關(guān)聯(lián)
cd alexblog
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/chaishuanzhu/chaishuanzhu.github.io.git
git push -u origin master
注意替換為你自己的地址,在執(zhí)行g(shù)it push的時候亿卤,需要你輸入github的賬號和密碼。這個時候在瀏覽器上輸入: chaishuanzhu.github.io鹿霸,就可以看見博客了排吴。
添加文章
文章都放在_posts目錄下面,按照格式年-月-日-文章名.markdown
在_posts下建立文件:
2017-02-22-test.markdown
文件開頭需要參照默認的那篇:
---
layout: post
title: "Welcome to Jekyll!"
date: 2017-02-22 09:56:49 +0800
categories: jekyll update
---
- title: 文章標題
- date: 顯示日期
- categories: 標簽分類
文章完整內(nèi)容如下:
---
layout: post
title: "First Test"
date: 2017-02-22 09:56:49 +0800
categories: test
---
這是第一篇文章懦鼠,測試用钻哩。
使用命令推送, 我一般用GitHub Desktop客戶端
git add _post/2017-02-22-test.markdown
git commit -m "add test file"
git push origin master
瀏覽器輸入chaishuanzhu.github.io,就可以看見這篇文章了肛冶。
使用主題
有哪些簡潔明快的 Jekyll 模板街氢?
有哪些 Jekyll 模板值得推薦?
http://jekyllthemes.org/themes/easybook/
https://github.com/maoxiaoke/maoxiaoke.github.io
使用EasyBook這個主題需要注意把_config.yml中g(shù)ems更改成plugins睦袖。并安裝下面的插件珊肃。
plugins:
- jekyll-paginate
- jekyll-gist
- jemoji
插件安裝:
$ sudo gem install jekyll-paginate
$ sudo gem install jekyll-gist
$ sudo gem install jemoji
綁定域名
在終端輸入:
ping chaishuanzhu.github.io
得到ip地址:
PING sni.github.map.fastly.net (151.101.73.147): 56 data bytes
打開域名供應(yīng)商的控制臺, 我這邊在萬網(wǎng)申請的xyz域名。
添加解析, 添加兩條A記錄:
記錄類型 主機記錄 解析線路(運營商) 記錄值
A @ 默認 151.101.100.133
A www 默認 151.101.100.133
記錄值填寫剛才獲得的ip地址馅笙。
在博客根目錄添加CNAME文件,并將你的域名寫入:
cd blog
echo "chaisz.xyz" > CNAME
將CNAME提交伦乔。待域名解析完成,就可以了董习。萬網(wǎng)這邊1分鐘解析時間烈和。
也可以綁定二級域名 blog.chaisz.xyz
HTTPS支持
Custom domains on GitHub Pages gain support for HTTPS
參考:搭建一個免費的,無限流量的Blog----github Pages和Jekyll入門