使用Hexo+GitHub搭建個(gè)人博客

? ? 寫(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è)逼了,哈哈扶歪。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末理肺,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子善镰,更是在濱河造成了極大的恐慌妹萨,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,248評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件炫欺,死亡現(xiàn)場(chǎng)離奇詭異乎完,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)品洛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門(mén)树姨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人桥状,你說(shuō)我怎么就攤上這事帽揪。” “怎么了辅斟?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,443評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵转晰,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我砾肺,道長(zhǎng)挽霉,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,475評(píng)論 1 279
  • 正文 為了忘掉前任变汪,我火速辦了婚禮,結(jié)果婚禮上蚁趁,老公的妹妹穿的比我還像新娘裙盾。我一直安慰自己,他們只是感情好他嫡,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布番官。 她就那樣靜靜地躺著,像睡著了一般钢属。 火紅的嫁衣襯著肌膚如雪徘熔。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,185評(píng)論 1 284
  • 那天淆党,我揣著相機(jī)與錄音酷师,去河邊找鬼讶凉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛山孔,可吹牛的內(nèi)容都是我干的懂讯。 我是一名探鬼主播,決...
    沈念sama閱讀 38,451評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼台颠,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼褐望!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起串前,我...
    開(kāi)封第一講書(shū)人閱讀 37,112評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤瘫里,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后荡碾,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體谨读,經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2 325
  • 正文 我和宋清朗相戀三年玩荠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了漆腌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡阶冈,死狀恐怖闷尿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情女坑,我是刑警寧澤填具,帶...
    沈念sama閱讀 33,803評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站匆骗,受9級(jí)特大地震影響劳景,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜碉就,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3 307
  • 文/蒙蒙 一盟广、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瓮钥,春花似錦筋量、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,357評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至锈津,卻和暖如春呀酸,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背琼梆。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,590評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工性誉, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留窿吩,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2 355
  • 正文 我出身青樓艾栋,卻偏偏與公主長(zhǎng)得像爆存,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蝗砾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容