剛開(kāi)始我也是很不理解為什么要利用github+hexo搭建博客,現(xiàn)在差不多能理解,首先逼格很高,其次用github搭建可以學(xué)習(xí)使用github并且空間很大,也可以便于交流。
再次聲明本篇是基于windows系統(tǒng)下搭建的博客。
我最開(kāi)始搭博客時(shí)是用的linux,結(jié)果錯(cuò)誤好多,于是還是決定放棄原來(lái)的,在windows上重新搭建,雖然說(shuō)自己也找了好多教程但是還是覺(jué)得自己寫(xiě)下自己在搭建博客時(shí)遇到的問(wèn)題,以便和大家分享。
<h4>聲明:</h4>本篇文章禁止轉(zhuǎn)載,僅供參考。
<h3>1.準(zhǔn)備node.js和git</h3>
node地址:
git地址:
下載時(shí)盡量不要把它們移在其他盤(pán),最好放在c盤(pán);
<h5>對(duì)于node:</h5>

選好這個(gè)之后其他的next就好;在先使用之前我們先看看是否安裝好,同時(shí)按下win+R,會(huì)屏幕左下會(huì)彈出一個(gè)小框,輸入cmd回車(chē)即可;

然后輸入:
node -v
npm -v
出現(xiàn)如下圖所示就說(shuō)明安裝正確;

<h5>對(duì)于git:</h5>
按照下圖要求選好即可:


同樣現(xiàn)在檢查git是否安裝正確,輸入
git --version
出現(xiàn)如下圖所示即可;

<h3>2.注冊(cè)github添加倉(cāng)庫(kù)并申請(qǐng)秘鑰</h3>
<h4>注冊(cè)github并且建立倉(cāng)庫(kù)</h4>
沒(méi)有g(shù)ithub的話可以先進(jìn)官網(wǎng)注冊(cè)一個(gè),然后進(jìn)入主頁(yè)后點(diǎn)擊右上角的加號(hào)
github地址:

然后點(diǎn)擊new repository(p.s.我原來(lái)已經(jīng)建了一個(gè),所以大家不要管我的就好)
注意:自己倉(cāng)庫(kù)的名字最好和自己github的名字一致,Description 這一欄可以不用填寫(xiě),只需用勾選public就可以,然后自己的倉(cāng)庫(kù)就建好了。</br>

(p.s.注意自己倉(cāng)庫(kù)名的后綴為github.io)</br>
<h4>添加秘鑰</h4>
<h5>1.現(xiàn)在點(diǎn)擊鼠標(biāo)右鍵打開(kāi)git bash,首先檢查是否有ssh key;</h5>
輸入:
cd ~/.ssh
如果顯示“no such file or directory”,則跳轉(zhuǎn)第三步,否則繼續(xù);
<h5>2.備份和刪除原來(lái)的ssh key設(shè)置;</h5>
$ ls
$ mkdir key_backup
$ cp id_rsa* key_backup
$ rm id_rsa*
<h5>3.生成新的ssh key</h5>
輸入
$ ssh-keygen -t rsa -C"郵箱地址@youremail.com"
回車(chē)就好;
如果要讓你輸入密碼,輸入密碼就好;
看到這樣的畫(huà)面就說(shuō)明你已經(jīng)設(shè)置好了;

<h5>4.添加ssh key到github</h5>
首先到github上點(diǎn)擊自己右上角頭像,下邊有個(gè)setting,點(diǎn)擊setting;

選擇ssh and GPG keys添加秘鑰就好,可以不用填寫(xiě)名稱(chēng)。如圖所示;

其實(shí)到這一步了,也可以給自己的github加個(gè)主題,但其實(shí)到最后因?yàn)橐タ寺≈黝}所以可以不用;
主題的設(shè)置,進(jìn)入倉(cāng)庫(kù)后,點(diǎn)擊setting,往下翻,直到找到github pages這個(gè)專(zhuān)欄就好,如圖所示(p.S.因?yàn)槲乙呀?jīng)設(shè)置過(guò)了,所以不用看我的)

然后點(diǎn)擊那個(gè)框就好,會(huì)進(jìn)入一個(gè)頁(yè)面,選擇同意就好,然后就可以挑選主題了。

<h3>配置hexo</h3>
在桌面建一個(gè)文件夾,自己喜歡就好,我們暫時(shí)叫做git pages;然后打開(kāi)文件夾,在空白處點(diǎn)擊右鍵,打開(kāi)git bash;輸入命令行
npm install hexo-cli -g

可能出現(xiàn)一個(gè)WARN不要擔(dān)心,然后輸入 npm install hexo --save,然后會(huì)看到窗口刷了一大堆白字,不用管,再輸入
hexo -v,
如果看到下面的圖,則說(shuō)明安裝正確了;

<h3>初始化hexo</h3>
接著上面的操作,輸入
hexo init;

再輸入 npm install 然后等待安裝;
<h3>體驗(yàn)hexo</h3>
接著上面的操作,輸入
hexo g;

如圖,輸入
hexo s;

會(huì)有一個(gè)網(wǎng)址,打開(kāi)就可以看見(jiàn)最初的hexo在本地的配置了;

<h3>使用hexo </h3>
進(jìn)入自己的文件夾,打開(kāi)一個(gè)config文件,如圖所示;

將下列找到改成自己的設(shè)置;

<h3>配置Deployment</h3>
打開(kāi)命令行輸入
git config --global user.name "yourname"
git config --global user.email "youremail"
帶引號(hào)的是自己的github賬號(hào)和github相同的郵箱;
完了之后,還是在config文件里。找到deployment修改自己的參數(shù);

輸完之后,輸入hexo d;就可以通過(guò)自己設(shè)置的github名稱(chēng)訪問(wèn)自己的主頁(yè)了;
<h3>文章發(fā)布</h3>
打開(kāi)命令行輸入
hexo new “文章名”

如圖現(xiàn)在已經(jīng)建了一個(gè)名為123456的markdown文件,而這個(gè)文件保存在source文件夾下的post文件里,如圖所示:

下面你可以用sublime 或者其他的markdown編輯器打開(kāi),進(jìn)行編輯;
寫(xiě)完之后保存下來(lái),再輸入,
hexo clean,//清空原來(lái)的文件
再輸入
hexo g
hexo d
然后就可以刷新網(wǎng)站看到自己推送的文章了;</br>
<h3>更換主題</h3>
因?yàn)槟J(rèn)主題實(shí)在太丑了,所以都想著換主題;下面介紹主題的更換方法;
下面有三個(gè)主題,可以克隆,大家任選一個(gè),如果有的不行,可以重新挑選克?。?/p>
$ git clone https://github.com/cnfeat/cnfeat.git themes/jacman
$ git clone https://github.com/wuchong/jacman.git themes/jacman
$ git clone https://github.com/A-limon/pacman.git themes/pacman
然后再將config文件的theme值改好,復(fù)制哪個(gè)改成哪個(gè)
例:theme: jacman;</br>
<h3>更新主題</h3>
輸入;
$ cd themes/jacman
$ git pull
為避免出錯(cuò)先備份你的config文件;
然后再輸入:
hexo g
hexo s;//進(jìn)行預(yù)覽;
hexo d -g //再刷新網(wǎng)頁(yè)就可以看到新的主題了;
好了,一個(gè)博客也就搭好了,下面介紹兩篇文章,我是參考他們寫(xiě)出來(lái)的,你們要是也有不懂得也可以參考,因?yàn)槭挛镌诟?,所以很多東西不適合現(xiàn)在的搭建,我將他們的總結(jié)下來(lái)加上自己的經(jīng)驗(yàn),希望可以幫助到所有搭建博客遇到問(wèn)題的小伙伴們。
https://xuanwo.org/2015/03/26/hexo-intor/
http://m.itdecent.cn/p/05289a4bc8b2
大家也可以進(jìn)我的博客里進(jìn)行學(xué)習(xí)交流,歡迎來(lái)訪:
https://welkin-qing.github.io/