Github Pages可以被認(rèn)為是用戶編寫的、托管在github上的靜態(tài)網(wǎng)頁(yè)。
Hexo是一個(gè)簡(jiǎn)單地辙培、輕量地、基于Node的一個(gè)靜態(tài)博客框架,可以方便的生成靜態(tài)網(wǎng)頁(yè)托管在github上
一邢锯、購(gòu)買域名 -> 萬(wàn)網(wǎng)/阿里云 https://wanwang.aliyun.com?
二扬蕊、安裝準(zhǔn)備軟件,依次下載安裝丹擎。
? ? ?1尾抑、?Node.js? ? ? ?2、?Git
三蒂培、注冊(cè)Github:http://www.github.com/
四再愈、配置和使用Github
1、配置SSH keys
我們?nèi)绾巫尡镜豨it項(xiàng)目與遠(yuǎn)程的github建立聯(lián)系呢毁渗? ?用SSH keys践磅。
1.1 ?檢查SSH keys的設(shè)置
① 找到一個(gè)文件夾,右鍵Git Bash Here灸异,在命令行里
檢查你電腦上現(xiàn)有的ssh key:
$cd~/. ssh?
如果提示:No such file or directory 說(shuō)明你是第一次使用git府适。
1.2 ?生成新的SSH Key:(直接看圖)
$ ssh-keygen -t rsa -C"郵件地址@youremail.com"
Generatingpublic/private rsa key pair.
Enterfileinwhich to save the key (/Users/your_user_directory/.ssh/id_rsa): ? ? ?<回車就好>
注意1: 此處的郵箱地址,你可以輸入自己的郵箱地址肺樟;注意2: 此處的「-C」的是大寫的「C」
然后系統(tǒng)會(huì)要你輸入密碼:
Enter passphrase (empty for no passphrase): ? <輸入加密串>
Enter same passphrase again: ? <再次輸入加密串>
在回車中會(huì)提示你輸入一個(gè)密碼檐春,這個(gè)密碼會(huì)在你提交項(xiàng)目時(shí)使用,如果為空的話提交項(xiàng)目時(shí)則不用輸入么伯。這個(gè)設(shè)置是防止別人往你的項(xiàng)目里提交內(nèi)容疟暖。
注意:輸入密碼的時(shí)候沒(méi)有*字樣的,你直接輸入就可以了。
最后看到這樣的界面俐巴,就成功設(shè)置ssh key了:
1.3 ?添加SSH Key到GitHub
在本機(jī)設(shè)置SSH Key之后骨望,需要添加到GitHub上,以完成SSH鏈接的設(shè)置欣舵。
1擎鸠、打開本地/c/Users/Aries/.ssh/id_rsa.pub.文件。此文件里面內(nèi)容為剛才生成人密鑰缘圈。如果看不到這個(gè)文件劣光,你需要設(shè)置顯示隱藏文件。準(zhǔn)確的復(fù)制這個(gè)文件的內(nèi)容糟把,才能保證設(shè)置的成功绢涡。
2、登陸Github系統(tǒng)遣疯。點(diǎn)擊右上角的Settings--->SSH and GPG keys ---> New SSH key
3雄可、把你本地生成的密鑰復(fù)制到里面(key文本框中), 點(diǎn)擊 add ssh key 就ok了
1.4 ?測(cè)試
可以輸入下面的命令滞项,看看設(shè)置是否成功,git@github.com的部分不要修改:
$ssh -T git@github.com
如果是下面的反饋:
The authenticity of host 'github.com (207.97.227.239)' can'tbe established.
RSA key fingerprint is16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want tocontinueconnecting (yes/no)?
不要緊張,輸入yes就好过椎,然后會(huì)看到:
Hi xiyebai! You've successfully authenticated, but GitHub does not provide shell access.
1.5 ?設(shè)置用戶信息
現(xiàn)在你已經(jīng)可以通過(guò)SSH鏈接到GitHub了,還有一些個(gè)人信息需要完善的疚宇。
Git會(huì)根據(jù)用戶的名字和郵箱來(lái)記錄提交。
GitHub也是用這些信息來(lái)做權(quán)限的處理敷待,輸入下面的代碼進(jìn)行個(gè)人信息的設(shè)置间涵,把名稱和郵箱替換成你自己的,名字必須是你的真名榜揖,而不是GitHub的昵稱勾哩。
$ git config --global user.name "xiyebai" ? ?//用戶名
$ git config --global user.email "822053066@qq.com"? ? //填寫自己的郵箱
SSH Key配置成功
本機(jī)已成功連接到github。
若有問(wèn)題举哟,請(qǐng)重新設(shè)置思劳。常見錯(cuò)誤請(qǐng)參考:
GitHub Help - Generating SSH Keys
GitHub Help - Error Permission denied (publickey)
2、使用GitHub Pages建立博客
與GitHub建立好連接之后妨猩,就可以方便的使用它提供的Pages服務(wù)潜叛,GitHub Pages分兩種:
一種是你的GitHub用戶名建立的username.github.io這樣的用戶&組織頁(yè)(站),另一種是依附項(xiàng)目的pages。
想建立個(gè)人博客是用的第一種威兜,形如xiyebai.github.io這樣的可訪問(wèn)的站销斟,每個(gè)用戶名下面只能建立一個(gè)。
五椒舵、用Hexo克隆主題
1蚂踊、Hexo介紹:https://hexo.io/docs/index.html
Hexo的作者是tommy351,根據(jù)官方介紹逮栅,Hexo是一個(gè)簡(jiǎn)單悴势、快速、強(qiáng)大的博客發(fā)布工具措伐,支持Markdown格式特纤。
2、安裝Hexo
打開git
$ npm install -g hexo-cli
3侥加、部署Hexo
3.1 本地部署
在我的電腦中建立一個(gè)名字叫「Hexo」的文件夾捧存,然后在此文件夾中右鍵打開Git Bash。
$ hexo init
Hexo隨后會(huì)自動(dòng)在目標(biāo)文件夾建立網(wǎng)站所需要的所有文件担败。
現(xiàn)在我們已經(jīng)搭建起本地的hexo博客了昔穴,執(zhí)行以下命令(在H:\hexo),然后到瀏覽器輸入localhost:4000看看提前。
$hexo g ? ? #生成
$hexo s ? ? #啟動(dòng)本地服務(wù)吗货,進(jìn)行文章預(yù)覽調(diào)試
或者直接作用組合命令
$ hexo d -g
3.2 ?主題 themes
以下進(jìn)入復(fù)制主題環(huán)節(jié),如果那一步出現(xiàn)問(wèn)題狈网,或者修改后沒(méi)有顯示修改的結(jié)果宙搬,建議clean一下,再看看拓哺,可以解決很多問(wèn)題勇垛。
$ hexo clean
$ hexo g
$ hexo s
① 建立了Hexo文件之后就可以復(fù)制主題了
$ git clone https://github.com/cnfeat/cnfeat.git themes/jacman
② 啟用cnfeat的主題
修改Hexo目錄下的config.yml配置文件中的theme屬性,將其設(shè)置為jacman闲孤。同時(shí)請(qǐng)?jiān)O(shè)置stylus屬性中的compress值為true讼积。
theme:jacman
注意:Hexo有兩個(gè)config.yml文件脚仔,一個(gè)在根目錄玻侥,一個(gè)在theme下,此時(shí)修改的是在根目錄下的边锁。
③ 更新主題
$ cd themes/jacman
$ git pull
注意:為避免出錯(cuò),請(qǐng)先備份你的_config.yml 文件后再升級(jí)
④ 本地查看調(diào)試
$ hexo g
$ hexo s
瀏覽器輸入http://localhost:4000茅坛,查看搭建效果则拷。此后的每次變更_config.yml文件或者上傳文件都可以先用此命令調(diào)試煌茬,非常好用,尤其是當(dāng)你想調(diào)試出自己想要的主題時(shí)晾蜘。
4剔交、將獨(dú)立域名與GitHub Pages的空間綁定
4.1 ?GitHub Pages的設(shè)置
在Repository的根目錄下面岖常,新建一個(gè)名為CNAME的文本文件,里面寫入你要綁定的域名腥椒,比如gaochengbo.com。
4.2? DNS設(shè)置
其中A的兩條記錄指向的ip地址是github Pages的提供的ip
192.30.252.153
192.30.252.154