Hexo && Github 搭建個(gè)人博客全紀(jì)錄

最好的方式就是去官網(wǎng)學(xué)習(xí)
hexo
github官網(wǎng)


前不久看到同事已經(jīng)把自己的博客搬到了hexo上,感覺自己有點(diǎn)low了.這幾天搗鼓搗鼓了.發(fā)現(xiàn)有必要寫一篇入門級(jí)的教程.網(wǎng)上的教程雖然很多,但很多并不是很全面.

概念篇

什么是hexo

Hexo是一個(gè)開源的靜態(tài)博客生成器,用node.js開發(fā),具有快速刹泄、簡單且功能強(qiáng)大的博客框架顽悼,支持多線程尺栖,數(shù)百篇文章只需幾秒即可生成。支持markdown編寫文章平夜,可以方便的生成靜態(tài)網(wǎng)頁托管在github上鸿捧。

這里一定要明確Hexo只不過是一個(gè)靜態(tài)博客生成器而已,而github只不過是我們托管這些生成的靜態(tài)網(wǎng)頁的地址.

前期準(zhǔn)備

筆者是在mac環(huán)境下安裝的

  • 1.首先hexo是基于nodejs的,所以必須安裝nodejs

  • 2.安裝nodejs方法很多睦尽,我選擇homebrew安裝方式缺狠,所以需要安裝它

  • 3.安裝homebrew就很簡單了,mac自帶ruby腳本功能萍摊,一句話搞定

  • 4.hexo提交部署github需要使用git工具挤茄,所以需要安裝git,用homebrew的話也是一句話搞定

整理一下安裝順序:homebrew-nodejs-hexo-git

安裝Node.js

brew官網(wǎng)

  • 2.安裝nodejs
    nodejs官網(wǎng)
    2.1 第一種方式穷劈,brewhome安裝笼恰,一句話搞定
    brew install node
    2.2 第二種方式,前提是已經(jīng)安裝好Xcode和git歇终,安裝git方法在下面介紹
git clone git://github.com/joyent/node.git
cd node
./configure
make
sudo make install

2.3 第三種方式社证,下載源碼(http://nodejs.org/download/),解壓后編譯執(zhí)行同上

安裝hexo

注意路徑,通過終端,當(dāng)前在什么路徑,搭建的hexo博客路徑就是哪里

路徑
  • 第一種方式评凝,用nodejs自帶npm安裝

  npm install -g hexo
  hexo init
  npm install

如果還有一hexo的命令不是很熟悉,隨時(shí)可以通過-help查詢

./configure --prefix=~/nodejs && make && make install
cp ~/nodejs/bin/node /usr/sbin/node
~/nodejs/bin/npm install -g hexo

到現(xiàn)在我們基本能夠通過看到剛才搭建的靜態(tài)博客了

來看看效果吧!
根據(jù)上面的命令,我們可以選擇genrate命令來生成靜態(tài)文件


  • 通過sever命令啟動(dòng)一下本地服務(wù)
  • 最終效果
最終效果

到目前為止,我們這個(gè)博客還是本地的,所以別人是無法看到的,接下來我們就把他和github聯(lián)系起來,別人就可以看到了.

安裝git

  • 第一種方式奕短,homebrew安裝宜肉,一句話搞定
    sudo brew install git
  • 第二種方式,前提是已經(jīng)安裝好Xcode
curl -O http://kernel.org/pub/software/scm/git/git-1.7.5.tar.bz2
tar xjvf git-1.7.4.1.tar.bz2
cd git-1.7.4.1
./configure --prefix=/usr/local
make
sudo make install
which git

注冊(cè)github賬號(hào)

github官網(wǎng)
注冊(cè)的過程就不講了.

  • 創(chuàng)建新的倉庫


  • 設(shè)置新的倉庫


  • 自動(dòng)生成gitpage


  • 選擇一種樣式發(fā)布頁面


過一會(huì)就可以訪問剛才的



地址就可以看到你的頁面,** 接下來我們把倉庫里面的文件,替換為我們用hexo生成的靜態(tài)文件就可以了 **

在則之前還需要設(shè)置一下ssl.打開github的賬號(hào)設(shè)置,如下圖


賬號(hào)就是你注冊(cè)github時(shí)的郵箱

  • 然后就是
    將SSH key添加到Github登錄到GitHub頁面,Account Settings->SSH Public Keys->Add another key將生成的key(id_rsa.pub文件)內(nèi)容copy到輸入框中日杈,save遣铝。
  • 生成SSH key
    ssh-keygen -t rsa -C "xxx@xxx.com”
    注意生成的目錄在~/.ssh

然后將這個(gè)復(fù)制到

  • 測試連接
    ssh git@github.com
    如果出現(xiàn)如下提示,說明成功了
  • 設(shè)置個(gè)人信息
git config --global user.name "xxx”
git config --global user.email xxx@xxx.com

將剛才新建的倉庫拉到本地,修改文件.將hexo生成的文件同步到github

  • 通過hexo生成靜態(tài)文件
    剛才已經(jīng)生成了
  • 將public下的文件添加到剛才check下拉的倉庫中替換


Paste_Image.png
  • 然后將所做的改變commit,同步的github上

  • 現(xiàn)在就可以別人就可以通過連接看到你的博客了

最終效果

網(wǎng)頁并沒有加什么樣式

部署

我們可以直接通過命令行部署到github上,注意前提要設(shè)置SSL.具體的設(shè)置方式上面已經(jīng)提到過

編輯_config.yml
你在部署時(shí),要把下面的kingcodexl都換成你的賬號(hào)名莉擒。

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

據(jù)說最新版本的hexo 中酿炸,這里的 type 要寫成 git,而不是 github啰劲。
執(zhí)行下列指令即可完成部署梁沧。

hexo generate
hexo deploy

總結(jié)

其實(shí)還有很多可以優(yōu)化的地方,還有很多沒講到的地方,比如一些常見的設(shè)置,主題切換等.不過只要把博客搭建起來了,這些都很簡單.網(wǎng)上也有很多的資料可查.下面總結(jié)的一些鏈接都比較喲使用價(jià)值

相關(guān)鏈接
如何搭建一個(gè)獨(dú)立博客
Mac搭建hexo + github

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蝇裤,隨后出現(xiàn)的幾起案子廷支,更是在濱河造成了極大的恐慌,老刑警劉巖栓辜,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件恋拍,死亡現(xiàn)場離奇詭異,居然都是意外死亡藕甩,警方通過查閱死者的電腦和手機(jī)施敢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來狭莱,“玉大人僵娃,你說我怎么就攤上這事∫该睿” “怎么了默怨?”我有些...
    開封第一講書人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長骤素。 經(jīng)常有香客問我匙睹,道長愚屁,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任痕檬,我火速辦了婚禮霎槐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘梦谜。我一直安慰自己丘跌,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開白布改淑。 她就那樣靜靜地躺著碍岔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪朵夏。 梳的紋絲不亂的頭發(fā)上蔼啦,一...
    開封第一講書人閱讀 51,274評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音仰猖,去河邊找鬼捏肢。 笑死,一個(gè)胖子當(dāng)著我的面吹牛饥侵,可吹牛的內(nèi)容都是我干的鸵赫。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼躏升,長吁一口氣:“原來是場噩夢啊……” “哼辩棒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起膨疏,我...
    開封第一講書人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤一睁,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后佃却,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體者吁,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年饲帅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了复凳。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡灶泵,死狀恐怖育八,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情赦邻,我是刑警寧澤髓棋,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站深纲,受9級(jí)特大地震影響仲锄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜湃鹊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一儒喊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧币呵,春花似錦怀愧、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至妻柒,卻和暖如春扛拨,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背举塔。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來泰國打工绑警, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人央渣。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓计盒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親芽丹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子北启,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

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