剛開始我也是很不理解為什么要利用github+hexo搭建博客鲫剿,現(xiàn)在差不多能理解镰吆,首先逼格很高,其次用github搭建可以學習使用github并且空間很大护盈,也可以便于交流。
再次聲明本篇是基于windows系統(tǒng)下搭建的博客羞酗。
我最開始搭博客時是用的linux腐宋,結(jié)果錯誤好多,于是還是決定放棄原來的,在windows上重新搭建胸竞,雖然說自己也找了好多教程但是還是覺得自己寫下自己在搭建博客時遇到的問題欺嗤,以便和大家分享。
<h4>聲明:</h4>本篇文章禁止轉(zhuǎn)載卫枝,僅供參考煎饼。
<h3>1.準備node.js和git</h3>
node地址:
git地址:
下載時盡量不要把它們移在其他盤,最好放在c盤校赤;
<h5>對于node:</h5>
選好這個之后其他的next就好吆玖;在先使用之前我們先看看是否安裝好,同時按下win+R马篮,會屏幕左下會彈出一個小框沾乘,輸入cmd回車即可;
然后輸入:
node -v
npm -v
出現(xiàn)如下圖所示就說明安裝正確浑测;
<h5>對于git:</h5>
按照下圖要求選好即可:
同樣現(xiàn)在檢查git是否安裝正確翅阵,輸入
git --version
出現(xiàn)如下圖所示即可;
<h3>2.注冊github添加倉庫并申請秘鑰</h3>
<h4>注冊github并且建立倉庫</h4>
沒有github的話可以先進官網(wǎng)注冊一個迁央,然后進入主頁后點擊右上角的加號
github地址:
然后點擊new repository(p.s.我原來已經(jīng)建了一個掷匠,所以大家不要管我的就好)
注意:自己倉庫的名字最好和自己github的名字一致,Description 這一欄可以不用填寫岖圈,只需用勾選public就可以槐雾,然后自己的倉庫就建好了。</br>
(p.s.注意自己倉庫名的后綴為github.io)</br>
<h4>添加秘鑰</h4>
<h5>1.現(xiàn)在點擊鼠標右鍵打開git bash幅狮,首先檢查是否有ssh key募强;</h5>
輸入:
cd ~/.ssh
如果顯示“no such file or directory”,則跳轉(zhuǎn)第三步,否則繼續(xù)崇摄;
<h5>2.備份和刪除原來的ssh key設置擎值;</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"
回車就好;
如果要讓你輸入密碼逐抑,輸入密碼就好鸠儿;
看到這樣的畫面就說明你已經(jīng)設置好了;
<h5>4.添加ssh key到github</h5>
首先到github上點擊自己右上角頭像厕氨,下邊有個setting进每,點擊setting;
選擇ssh and GPG keys添加秘鑰就好命斧,可以不用填寫名稱田晚。如圖所示;
其實到這一步了国葬,也可以給自己的github加個主題贤徒,但其實到最后因為要去克隆主題所以可以不用芹壕;
主題的設置,進入倉庫后接奈,點擊setting踢涌,往下翻,直到找到github pages這個專欄就好序宦,如圖所示(p.S.因為我已經(jīng)設置過了睁壁,所以不用看我的)
然后點擊那個框就好,會進入一個頁面互捌,選擇同意就好堡僻,然后就可以挑選主題了。
<h3>配置hexo</h3>
在桌面建一個文件夾疫剃,自己喜歡就好钉疫,我們暫時叫做git pages;然后打開文件夾巢价,在空白處點擊右鍵牲阁,打開git bash;輸入命令行
npm install hexo-cli -g
可能出現(xiàn)一個WARN不要擔心壤躲,然后輸入 npm install hexo --save城菊,然后會看到窗口刷了一大堆白字,不用管碉克,再輸入
hexo -v凌唬,
如果看到下面的圖,則說明安裝正確了漏麦;
<h3>初始化hexo</h3>
接著上面的操作客税,輸入
hexo init;
再輸入 npm install 然后等待安裝撕贞;
<h3>體驗hexo</h3>
接著上面的操作更耻,輸入
hexo g;
如圖捏膨,輸入
hexo s秧均;
會有一個網(wǎng)址,打開就可以看見最初的hexo在本地的配置了号涯;
<h3>使用hexo </h3>
進入自己的文件夾目胡,打開一個config文件,如圖所示链快;
將下列找到改成自己的設置誉己;
<h3>配置Deployment</h3>
打開命令行輸入
git config --global user.name "yourname"
git config --global user.email "youremail"
帶引號的是自己的github賬號和github相同的郵箱;
完了之后久又,還是在config文件里巫延。找到deployment修改自己的參數(shù)效五;
輸完之后地消,輸入hexo d炉峰;就可以通過自己設置的github名稱訪問自己的主頁了;
<h3>文章發(fā)布</h3>
打開命令行輸入
hexo new “文章名”
如圖現(xiàn)在已經(jīng)建了一個名為123456的markdown文件脉执,而這個文件保存在source文件夾下的post文件里疼阔,如圖所示:
下面你可以用sublime 或者其他的markdown編輯器打開,進行編輯半夷;
寫完之后保存下來婆廊,再輸入,
hexo clean巫橄,//清空原來的文件
再輸入
hexo g
hexo d
然后就可以刷新網(wǎng)站看到自己推送的文章了淘邻;</br>
<h3>更換主題</h3>
因為默認主題實在太丑了,所以都想著換主題湘换;下面介紹主題的更換方法宾舅;
下面有三個主題,可以克隆彩倚,大家任選一個筹我,如果有的不行,可以重新挑選克路搿蔬蕊;
$ 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值改好,復制哪個改成哪個
例:theme: jacman哥谷;</br>
<h3>更新主題</h3>
輸入;
$ cd themes/jacman
$ git pull
為避免出錯先備份你的config文件岸夯;
然后再輸入:
hexo g
hexo s;//進行預覽们妥;
hexo d -g //再刷新網(wǎng)頁就可以看到新的主題了囱修;
好了,一個博客也就搭好了王悍,下面介紹兩篇文章破镰,我是參考他們寫出來的,你們要是也有不懂得也可以參考压储,因為事物在更新鲜漩,所以很多東西不適合現(xiàn)在的搭建,我將他們的總結(jié)下來加上自己的經(jīng)驗集惋,希望可以幫助到所有搭建博客遇到問題的小伙伴們孕似。
https://xuanwo.org/2015/03/26/hexo-intor/
http://www.reibang.com/p/05289a4bc8b2
大家也可以進我的博客里進行學習交流,歡迎來訪:
https://welkin-qing.github.io/