基于hexo+github搭建個人博客

由于最近剛搭建的博客,所以特此來記錄下我的個人經(jīng)驗。注:本文使用的環(huán)境為Mac OS邪狞。Windows的也基本差不多,可以參考茅撞。

環(huán)境配置

需要安裝的工具包括:Node.js, Git, Hexo帆卓。

1. 安裝Node.js

用來生成靜態(tài)頁面,建議Node.js官網(wǎng)下載米丘,然后一路安裝即可剑令。

2.安裝git

用來將本地Hexo內(nèi)容提交到Github上。Xcode自帶Git拄查,這里不再贅述吁津。或者點擊安裝程序來下載安裝git.

3.安裝Hexo

以上都安裝完畢后之后就可以安裝Hexo, Hexo 是一個快速堕扶、簡潔且高效的博客框架碍脏。終端命令:

$ sudo npm install -g hexo-cli

這里要需要輸入管理員密碼(Mac登錄密碼)即開始安裝 (sudo:linux系統(tǒng)管理指令 -g:全局安裝)

接下來在你磁盤上新建一個文件夾,比如"Hexo"然后cd到這個目錄下稍算,執(zhí)行hexo init命令:

$ hexo init blog

blog是你建立的文件夾名稱典尾。cd到blog文件夾下,執(zhí)行如下命令糊探,安裝npm:

$ npm install

現(xiàn)在已經(jīng)搭建起一個本地博客了钾埂,接著輸入一下命令生成靜態(tài)文件:

$ hexo g

然后輸入如下命令:

$ hexo s

啟動服務(wù)器。默認(rèn)情況下科平,訪問網(wǎng)址為:http://localhost:4000/褥紫。(control+c停止)

關(guān)聯(lián)GitHub

首先登錄你的Github帳號,沒有的可以先去注冊下匠抗,這里就不多說了故源。

1.創(chuàng)建倉庫

在github首頁,新建倉庫汞贸,用戶名.github.io固定寫法,如下圖所示:

github

然后點擊Create Repostory完成。

終端cd到blog文件夾下印机,vim打開_config.yml矢腻,(也可使用編輯器打開)命令如下:

$ vim _config.yml

打開后往下滑到最后,修改成下邊的樣子:

deploy:
type: git
  repository: https://github.com/username/username.github.io.git
  branch: master

你需要將repository后username換成你自己的用戶名射赛,需要注意的是冒號后面都有一個空格

在blog文件夾目錄下執(zhí)行生成靜態(tài)頁面命令:

$ hexo generate 或者:hexo g

此時若出現(xiàn)如下報錯:

ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save‘

則執(zhí)行命令:npm install hexo --save
若無報錯多柑,自行忽略此步驟。

再執(zhí)行配置命令:
$ hexo deploy 或者:hexo d

若執(zhí)行命令hexo deploy仍然報錯:無法連接git或找不到git楣责,則執(zhí)行如下命令來安裝hexo-deployer-git:$ npm install hexo-deployer-git --save
再次執(zhí)行hexo generate和hexo deploy命令竣灌。

若你未關(guān)聯(lián)Github聂沙,則執(zhí)行hexo deploy命令時終端會提示你輸入Github的用戶名和密碼,即

Username for 'https://github.com':
Password for 'https://github.com':

hexo deploy命令執(zhí)行成功后初嘹,瀏覽器中打開網(wǎng)址http://jimmyju.github.io(將jimmyju換成你的用戶名)能看到和打開http://localhost:4000時一樣的頁面及汉。

2.添加ssh key到Github

1.執(zhí)行如下命令生成ssh key:

$ ssh-keygen -t rsa -C "your_email@example.com"

注意將your_email@example.com換成你自己注冊Github的郵箱地址。
默認(rèn)會在相應(yīng)路徑下(~/.ssh/id_rsa.pub)生成id_rsa和id_rsa.pub兩個文件屯烦。

2.添加ssh key到github中:

Find前往文件夾~/.ssh/id_rsa.pub打開id_rsa.pub文件坷随,里面的信息即為SSH key,將這些信息復(fù)制到Github的Add SSH key頁面即可驻龟。

進入Github –> Settings –> SSH keys –> add SSH key:

Title里任意添一個標(biāo)題温眉,將復(fù)制的內(nèi)容粘貼到Key里,點擊下方Add key綠色按鈕即可翁狐。

3.接下來就是發(fā)布文章了类溢,終端cd到blog文件夾下,執(zhí)行如下命令新建文章:

$ hexo new "postName"

名為postName.md的文件會建在目錄/blog/source/_posts下露懒,postName是文件名闯冷,為方便鏈接不建議摻雜漢字。你當(dāng)然可以用vim來編輯文章隐锭。我用的MWeb編輯器窃躲,如果你有好用的markdown編輯器請推薦給我,感激不盡钦睡!

注:文章編輯完成后蒂窒,終端cd到blog文件夾下,執(zhí)行如下命令來發(fā)布:

$ hexo generate 可簡化成:hexo g //生成靜態(tài)頁面
$ hexo deploy 可簡化成:hexo d //將文章部署到Github

至此荞怒,Mac上搭建基于Github的Hexo博客就完成了洒琢。

博客主題

下面就說一下安裝主題的方法,這里可以你可以到Hexo官網(wǎng)主題頁去搜尋自己喜歡的theme褐桌。這里以hexo-theme-next為例, 注意: 每根換一次主題之前衰抑,運行如下命令:
$ hexo clean //清除緩存文件

1.終端cd到 blog 目錄下執(zhí)行如下命令:

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

然后將blog目錄下_config.yml里theme的名稱landscape修改為next

2.終端cd到blog目錄下執(zhí)行如下命令(每次部署文章的步驟):
$ hexo clean        //清除緩存文件 (db.json) 和已生成的靜態(tài)文件 (public)

$ hexo g        //生成緩存和靜態(tài)文件

$ hexo d        //重新部署到服務(wù)器

至于更改theme內(nèi)容比如名稱、描述荧嵌、頭像等去修改blog/_config.yml文件和blog/themes/next/_config.yml文件中對應(yīng)的屬性名稱即可呛踊, 不要忘記冒號:后加空格。 NexT 使用文檔里有極詳細的介紹啦撮。

后記

以上便是我博客的全過程谭网。。赃春。愉择。。

參考鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市锥涕,隨后出現(xiàn)的幾起案子衷戈,更是在濱河造成了極大的恐慌,老刑警劉巖层坠,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件殖妇,死亡現(xiàn)場離奇詭異,居然都是意外死亡窿春,警方通過查閱死者的電腦和手機拉一,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來旧乞,“玉大人蔚润,你說我怎么就攤上這事〕咂埽” “怎么了嫡纠?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長延赌。 經(jīng)常有香客問我除盏,道長,這世上最難降的妖魔是什么挫以? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任者蠕,我火速辦了婚禮,結(jié)果婚禮上掐松,老公的妹妹穿的比我還像新娘踱侣。我一直安慰自己,他們只是感情好大磺,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布抡句。 她就那樣靜靜地躺著,像睡著了一般杠愧。 火紅的嫁衣襯著肌膚如雪待榔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天流济,我揣著相機與錄音锐锣,去河邊找鬼。 笑死绳瘟,一個胖子當(dāng)著我的面吹牛刺下,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播稽荧,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了姨丈?” 一聲冷哼從身側(cè)響起畅卓,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蟋恬,沒想到半個月后翁潘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡歼争,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年拜马,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片沐绒。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡俩莽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出乔遮,到底是詐尸還是另有隱情扮超,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布蹋肮,位于F島的核電站出刷,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏坯辩。R本人自食惡果不足惜馁龟,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望漆魔。 院中可真熱鬧坷檩,春花似錦、人聲如沸有送。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽雀摘。三九已至裸删,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間阵赠,已是汗流浹背涯塔。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留清蚀,地道東北人匕荸。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像枷邪,于是被迫代替她去往敵國和親榛搔。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

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