hexo+github搭建博客

剛開(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地址:

https://nodejs.org/en/

git地址:

http://rj.baidu.com/soft/detail/30195.html?ald

下載時(shí)盡量不要把它們移在其他盤(pán),最好放在c盤(pán);
<h5>對(duì)于node:</h5>

準(zhǔn)備node

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

檢查

然后輸入:

node -v
npm -v

出現(xiàn)如下圖所示就說(shuō)明安裝正確;

提示

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


準(zhǔn)備git

準(zhǔn)備git

同樣現(xiàn)在檢查git是否安裝正確,輸入

git --version

出現(xiàn)如下圖所示即可;

檢查git

<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地址:

https://github.com/

然后點(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/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容