? ? 寫(xiě)這篇文章也是為了鞏固一下使用Hexo搭建博客的流程爹谭,剛開(kāi)始接觸博客枷邪,應(yīng)該說(shuō)比較晚了,比較慚愧,那目前比較流行的大部分也是通過(guò)Hexo和GitHub來(lái)搭建個(gè)人博客,畢竟GitHub提供免費(fèi)的服務(wù)器揽咕,這點(diǎn)還是很nice的,搭建過(guò)程也踩了不少坑嘶卧,大致總結(jié)一下吧,也是通過(guò)網(wǎng)上搜索了我遇到的相關(guān)情況凉袱,把這些問(wèn)題以及搭建的過(guò)程寫(xiě)下來(lái)后續(xù)我也能看看鞏固一下芥吟,好了下面開(kāi)始操練起來(lái)了侦铜。(目前是基于mac OS操作系統(tǒng)搭建的)
GitHub上創(chuàng)建repository
1.首先創(chuàng)建一個(gè)resitory
? ? ? ?這里注意一下Repository name一定是GitHub的用戶(hù)名.github.io的形式,否則不能成功部署钟鸵。到了這里點(diǎn)擊Create repository就算創(chuàng)建成功了一個(gè)repository钉稍。
2.添加SSH keys
? ? 這個(gè)很關(guān)鍵SSH keys,由于遠(yuǎn)程的代碼管理是基于SSH的,所以要使用遠(yuǎn)程的Git則需要SSH的配置棺耍,繼續(xù)上圖開(kāi)始配置贡未。
這個(gè)選擇到SSH and GPG keys會(huì)出現(xiàn)右邊的界面,這個(gè)時(shí)候點(diǎn)擊右上角的New SSH key就會(huì)出現(xiàn)下圖蒙袍。
title可以自己起個(gè)名字俊卤,關(guān)鍵是key怎么填寫(xiě)呢,看著需要一定的格式害幅,是的這里我們需要通過(guò)終端打開(kāi)自己的.ssh里面的一個(gè)id_rsa.pub文件如下圖找到這個(gè)文件所在
打開(kāi)id_rsa.pub文件消恍,文本編輯器打開(kāi)即可,我們需要將里面的東西全部復(fù)制下來(lái)
這個(gè)是我自己的以现,每個(gè)用戶(hù)的不一樣狠怨,復(fù)制之后就可以粘貼到我們之前說(shuō)的這個(gè)key里面。
至此SSH keys就算完成了叼风,如何測(cè)試是否可行了呢取董,這時(shí)候打開(kāi)終端,輸入ssh -T git@github.com,如下圖
如果出現(xiàn)successfully就是已經(jīng)完成了无宿。好了現(xiàn)在搭建GitHub的resitory就算完成了。
安裝并設(shè)置Hexo主題
1.安裝Hexo
? 這些網(wǎng)上有很多枢里,我就貼一下具體的步驟吧
安裝環(huán)境及 Hexo
node.js
git
Mac OSX 用戶(hù)在終端里用npm命令安裝 Hexo:
npm install -g hexo-cli
若寫(xiě)入權(quán)限不夠孽鸡,加sudo 。
初始化 Hexo
Hexo 安裝好后栏豺,打開(kāi)終端彬碱,想好 Hexo 的初始化位置,比如:/Users/sunshine/Blog/hexo奥洼,執(zhí)行一下命令行:
1 hexo init /Users/sunshine/Blog/hexo
2 cd /Users/sunshine/Blog/hexo
3 npm install
若寫(xiě)入權(quán)限不夠巷疼,加sudo 。Hexo就初始化完成灵奖。
2.配置Hexo
配置文件有三個(gè)是比較重要的
首先是_config.yml
打開(kāi)之后有幾個(gè)是需要配置的嚼沿,下圖是_config.yml的幾個(gè)比較重要的配置
首先Site下面的東西是博客上面需要顯示的一些基本配置,關(guān)鍵是deploy下面的type注意一定是git現(xiàn)在Hexo3.0已經(jīng)默認(rèn)是git類(lèi)型github已經(jīng)不起作用了瓷患,還有branch事master分支骡尽,Extensions下面的theme是主題,我們可以自己配置一些喜歡的主題擅编,之前我用的是MOxFIVE寫(xiě)的yelee主題攀细,可以在終端cd到hexo目錄下(cd /Users/sunshine/Blog/hexo)執(zhí)行一下命令
git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee
主要現(xiàn)在有的人比較喜歡next主題箫踩,因?yàn)檫@個(gè)主題相對(duì)來(lái)說(shuō)比較簡(jiǎn)潔,同樣可以執(zhí)行一下命令
git clone https://github.com/iissnan/hexo-theme-next themes/next
這樣主題我們可以在hexo下的themes文件下可以看到相關(guān)的主題文件谭贪,打開(kāi)themes下的next文件(本人用的是next主題境钟,所以就介紹一下next相關(guān)配置),打開(kāi)next下的_config.yml文件俭识。
?可能剛開(kāi)始在預(yù)覽的過(guò)程中吱韭,首頁(yè)和歸檔都是英文顯示的,這個(gè)時(shí)候我們需要把next文件下的language文件的zh-Hans.yml重命名成zh-CN.yml鱼的,這個(gè)也是之前踩過(guò)的坑理盆。
還有側(cè)邊欄是需要點(diǎn)擊才會(huì)顯示的,如果我們想讓側(cè)邊欄顯示在左邊而不是隱藏的話凑阶,需要將scheme: Pisces改成這個(gè)屬性就好了猿规,還有一些圖標(biāo)未顯示,如github宙橱,或者weibo的圖標(biāo)姨俩,是因?yàn)樾枰裣聢D這樣配置。
還有如果不想讓整篇文章顯示全师郑,只是顯示大概环葵,下面出現(xiàn)閱讀全文的按鈕的話,需要設(shè)置這個(gè)auto_excerpt:下面的enable: true這樣就可以了
大致這樣就算配置完成了宝冕,那么需要將Hexo的一些常用指令說(shuō)一下
hexo clean 在頻繁切換主題或者寫(xiě)博客的時(shí)候最后先執(zhí)行一下這個(gè)命令
hexo g 將修改的東西生成到public靜態(tài)文件里面张遭,這步必須要有
hexo s 可以生成本地預(yù)覽
hexo d 將修改過(guò)的東西提交到GitHub上
由于之前我不小心把整個(gè)hexo給刪除了,重新配置之后hexo d老是失敗地梨,就上網(wǎng)搜了一下發(fā)現(xiàn)執(zhí)行下面這個(gè)就行了菊卷,這個(gè)命令就是將hexo的_config.yml的deploy的type改成git型,但是我里面已經(jīng)是git的不明白這個(gè)是為啥宝剖,估計(jì)是之前緩存問(wèn)題吧
npm install hexo-deployer-git --save
3.總結(jié)
至此整個(gè)Hexo+GitHub基本就配置完成了洁闰,如果大家不想使用GitHub上的域名,可以自己在萬(wàn)網(wǎng)上買(mǎi)個(gè)域名万细,買(mǎi)完之后需要域名解析如下圖
之后需要在自己建的resitory上也設(shè)置一下扑眉,如下圖,打開(kāi)setting赖钞,找到下面的GitHub pages在Custom domain下面寫(xiě)上自己買(mǎi)的域名就ok了腰素,后面就可以拿出去裝個(gè)逼還能跑了。
那么搭建了博客之后仁烹,我們就可以寫(xiě)自己的文章耸弄,和創(chuàng)建文章了,創(chuàng)建文章依然可以使用下面的指令
hexo new "new article"
執(zhí)行完之后會(huì)出現(xiàn)一個(gè).md的文件打開(kāi)之后我們可以使用MarDown的編輯器進(jìn)行編輯卓缰,編輯完成计呈,就可以通過(guò)
hexo g 和 hexo d來(lái)進(jìn)行提交砰诵,大致就是這樣了。
可能有說(shuō)的不對(duì)的地方還請(qǐng)大家指教捌显,以后就要開(kāi)始好好學(xué)習(xí)寫(xiě)東西了茁彭,又可以寫(xiě)完?yáng)|西之后拿出來(lái)裝個(gè)逼了,哈哈扶歪。