最好的方式就是去官網(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
- 1.安裝brewhome冰木,一句話搞定
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- 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查詢
- 第二種方式追葡,下載源碼(http://www.nodejs.org/download/),編譯執(zhí)行
./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
- 第三種方式翎碑,下載源碼(https://www.kernel.org/pub/software/scm/git/)谬返,編譯執(zhí)行同上.
- 第四種方式:圖形界面Github Desktop
注冊(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下拉的倉庫中替換
然后將所做的改變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