搭建github個(gè)人博客我們分為7個(gè)步驟
- 1.安裝git環(huán)境(mac有自帶的芹啥,就不用裝了)
- 2.創(chuàng)建github倉(cāng)庫(kù)
- 3.配置本地SSH關(guān)聯(lián)到github
- 4.安裝node.js
- 5.安裝hexo
- 6.配置hexo主題,尋找合適自己風(fēng)格的hexo主題
- 7.測(cè)試編寫(xiě)文章
第一步:安裝git
到官網(wǎng)去下載git客戶(hù)端安裝(mac用戶(hù)自帶git犁跪,不用安裝)御铃,安裝成功后,Win系統(tǒng)用戶(hù)右鍵鼠標(biāo)會(huì)看到有g(shù)it Bash Here,證明安裝成功姨伤,如下圖所示:
第二步:創(chuàng)建github個(gè)人博客倉(cāng)庫(kù)
首先我們要有g(shù)ithub個(gè)人賬號(hào),沒(méi)有的話(huà)庸疾,到github官網(wǎng)去注冊(cè)一個(gè)乍楚,登錄到github后,在網(wǎng)頁(yè)右上角+號(hào)點(diǎn)擊届慈,有提示“New Repository”,如下圖:
到創(chuàng)建倉(cāng)庫(kù)頁(yè)面徒溪,在repository name 那欄輸入“xxx.github.io”,其中xxx是自己設(shè)定的,格式一定要xxx.github.io,
倉(cāng)庫(kù)要設(shè)置為public公有的金顿,然后點(diǎn)擊 create reportory進(jìn)行創(chuàng)建臊泌,如下圖:
創(chuàng)建后,點(diǎn)擊進(jìn)創(chuàng)建好的倉(cāng)庫(kù)串绩,點(diǎn)擊Setting缺虐。,到設(shè)置頁(yè)面礁凡,點(diǎn)擊"Launch automatic page generator"按鈕高氮,這是設(shè)置自動(dòng)網(wǎng)頁(yè)生成器的慧妄,幾分鐘后,配置就ok了
第三步:配置本地SSH關(guān)聯(lián)到github
首先檢查電腦是否有配置過(guò)SSH:先打開(kāi)git客戶(hù)端剪芍,輸入:
$ cd -/.ssh
$ ls
查看是否有.ssh文件夾塞淹,如果沒(méi)有,則繼續(xù)輸入:
¥ ssh-keygen -t rsa -C "your_email@example.com"
如下圖:
最后看到如下界面罪裹,證明配置SSH成功了饱普。如下圖:
然后打開(kāi)id_rsa.pub文件,復(fù)制內(nèi)容状共。 參考地址 C:\Documents and Settings\Administrator.ssh\id_rsa.pub)
打開(kāi)你的github網(wǎng)站套耕,在setting里面找到"SSH and GPG keys"選擇,點(diǎn)擊進(jìn)去創(chuàng)建SSH key,然后把你在id_rsa.pub里面復(fù)制的內(nèi)容復(fù)制到key里面峡继,如下圖:
配置成功后會(huì)看到如下頁(yè)面多出了一個(gè)SSH key:
第四步:安裝node.js
node.js是為了生產(chǎn)靜態(tài)頁(yè)面用的冯袍,必不可少的一部。</br>
先到node.js下載安裝包碾牌,然后打開(kāi)安裝包康愤,一直next。就可以安裝成功了舶吗。
第五步:安裝hexo
首先征冷,我們要確認(rèn)node.js安裝成功后,才能安裝hexo誓琼。</br>
先在你的C/D/F盤(pán)隨便一個(gè)盤(pán)創(chuàng)建文件夾hexo检激,然后打開(kāi)dos界面,cd到當(dāng)前文件夾下踊赠,然后輸入
npm install hexo-cli -g
如下圖所示:
之后輸入:
npm install hexo --save
等待后呵扛,驗(yàn)證hexo是否安裝成功每庆,輸入:
hexo -v
如下圖所示則證明安裝成功
然后另外創(chuàng)建一個(gè)新的文件夾筐带,cd到該文件夾目錄下,輸入:
hexo init
npm install
在當(dāng)前文件夾下輸入:
hexo g
hexo s
看到如下界面缤灵,則可以在http://localhost:4000/看你的網(wǎng)頁(yè)
遇到hexo d不成功的
輸入 npm install hexo-deployer-git --save然后重新部署
第六步:配置hexo主題伦籍,尋找合適自己風(fēng)格的hexo主題
我們裝好hexo后,默認(rèn)是沒(méi)有什么東西的腮出,現(xiàn)在我們就要去百度找一些現(xiàn)有的hexo主題帖鸦,比如這個(gè):
https://github.com/litten/hexo-theme-yilia</br>
下載過(guò)后,把下載后的文件夾放入我們剛才上一步創(chuàng)建的文件夾里面有一個(gè)themes的文件夾里面胚嘲,
打來(lái)themes文件夾可以看到有一個(gè)默認(rèn)的landscape文件夾作儿,那個(gè)就是默認(rèn)的主題,如下圖:
我們回到themes文件夾的上一個(gè)目錄馋劈,找到_config.yml文件夾攻锰,用submit 3打開(kāi)晾嘶,這個(gè)文件是進(jìn)行一些配置,包括hexo主題娶吞,我們要在這個(gè)文件里面進(jìn)行我們剛下載下來(lái)的主題關(guān)聯(lián)上垒迂,如下圖:
找到theme:配置成你放置主題的文件夾名稱(chēng)
然后在deploy進(jìn)行配置
type:git
repo:git@github.com:你創(chuàng)建倉(cāng)庫(kù)的名字/名字.github.io.git
例如我的名字就叫做rottenegg