一、GitHub Pages的配置
1.申請(qǐng)github賬號(hào)
首先要注冊(cè)github賬戶(hù)
訪問(wèn)下面的網(wǎng)址
https://github.com/
點(diǎn)擊Sign up for GitHub 按鈕注冊(cè)
![注冊(cè)github](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-1.png)
注冊(cè)成功后點(diǎn)擊Sign in 按鈕 登錄
登錄成功后驗(yàn)證下郵箱
2.創(chuàng)建項(xiàng)目
選擇Start a project 按鈕 開(kāi)始一個(gè)項(xiàng)目
![start a project](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-2.png)
填寫(xiě) 用戶(hù)名.github.io
點(diǎn)擊Create repository 按鈕
![create a new repository](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-3.png)
3.配置ssh
打開(kāi)終端
輸入命令
ssh-keygen -t rsa
一直回車(chē)
![ssh](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-3.png)
輸入命令
open ~/.ssh
![ssh](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-4.png)
之后會(huì)打開(kāi).ssh文件夾
打開(kāi)id_rsa.pub文件
![ssh](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-5.png)
復(fù)制里面內(nèi)容
登錄github 點(diǎn)擊頭像 ->點(diǎn)擊Settings 按鈕
![settings](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-7.png)
點(diǎn)擊左側(cè) SSH and GPG keys
![settings](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-9.png)
之后點(diǎn)擊New SSH key 按鈕
![ssh key](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-10.png)
Title 隨便填
Key 添加復(fù)制的內(nèi)容
點(diǎn)擊Add SSH Key 按鈕
![ssh key](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-11.png)
終端輸入
ssh -T git@github.com
出現(xiàn)下面這個(gè)就是成功了
![ssh](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-12.png)
4.上傳代碼到github
終端輸入
git clone git@github.com:用戶(hù)名/用戶(hù)名.github.io.git
cd 用戶(hù)名.github.io/
echo "Hello World" > index.html
git init
git add --all
git commit -m "first commit"
git remote add origin git@github.com:用戶(hù)名/用戶(hù)名.github.io.git
如果出現(xiàn) fatal: remote origin already exists.
![fatal](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-13.png)
就輸入
git remote rm origin
再輸入
git remote add origin git@github.com:用戶(hù)名/用戶(hù)名.github.io.git
git push -u origin master
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-14.png)
5.訪問(wèn)博客頁(yè)面
打開(kāi)瀏覽器
輸入
https://用戶(hù)名.github.io
就會(huì)顯示出Hello World
就代表成功了
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-15.png)
二亲桥、jekyll配置
1.jekyll本地配置
windows的小伙伴可以看這個(gè)文章
http://www.reibang.com/p/88e3474cef72
配置jekyll環(huán)境
jekyll官網(wǎng)https://www.jekyll.com.cn/ 有不懂的可以參考下
打開(kāi)終端輸入
gem install jekyll
jekyll new my-site
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-16.png)
終端輸入
cd my-site/
jekyll serve
瀏覽器訪問(wèn)
http://127.0.0.1:4000/
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-17.png)
出現(xiàn)下面這個(gè)界面弯囊,代表jekyll本地運(yùn)行成功
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-18.png)
2.jekyll代碼上傳github
打開(kāi)my-site文件夾
復(fù)制所有文件
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-19.png)
再打開(kāi) 用戶(hù)名.github.io 文件夾
刪除index.html
把復(fù)制的文件粘貼用戶(hù)名.github.io 文件夾
打開(kāi)終端輸入
cd 用戶(hù)名.github.io
git add --all
git commit -m "add jekyll"
git push -u origin master
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-21.png)
瀏覽器訪問(wèn)
https://用戶(hù)名.github.io/
出現(xiàn)這個(gè)就上傳github成功了虽缕,如果沒(méi)出現(xiàn)台妆,就清除下瀏覽器緩存再試試
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-22.png)
3.添加文章
所有文章默認(rèn)都在_posts文件夾中
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-23.png)
你要做的是點(diǎn)擊 _posts文件夾
新建
YYYY-MM-DD-文章標(biāo)題.markdown
其中YYYY為4位年份础锐,MM是兩位的月份悦即,DD是兩位的日期
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-24.png)
在用文本編輯器打開(kāi)它
復(fù)制下面
---
layout: post
title: test
---
hello world
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-25.png)
然后保存關(guān)閉
打開(kāi)終端輸入
jekyll serve
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-26.png)
瀏覽器訪問(wèn) http://127.0.0.1:4000/
就會(huì)出現(xiàn)你添加的文章
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-27.png)
4.把文章上傳到github
打開(kāi)終端
cd 用戶(hù)名.github.io
git add --all
git commit -m "add post"
git push -u origin master
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-28.png)
上傳成功后
訪問(wèn)
https://用戶(hù)名.github.io/
![](https://coding.net/u/tea9/p/image/git/raw/master/blog_img/01/image-29.png)