摘要: 原創(chuàng)出處 http://peijie-sh.github.io 歡迎轉(zhuǎn)載,保留摘要,謝謝惶楼!
最近閑著沒事,用hexo
搭建了一個(gè)個(gè)人博客,部署在 github 和 oschina上歼捐,歡迎大家來我博客踩踩~ _
下面總結(jié)一下搭建過程:
環(huán)境搭建
hexo是一個(gè)簡單地碗硬、輕量地棚亩、基于Node的一個(gè)靜態(tài)博客框架吹由,可以方便的生成靜態(tài)網(wǎng)頁托管在github和Heroku上
引用Hexo作者 @tommy351 的話:
快速春寿、簡單且功能強(qiáng)大的 Node.js 博客框架寿羞。A fast, simple & powerful blog framework, powered by Node.js.
所以琐鲁,第一步韩玩,就是下載node的安裝包并安裝剥槐,附上node下載地址慨灭。
安裝好node朦乏,會(huì)默認(rèn)一起安裝好npm包管理器,這可是一個(gè)神器啊氧骤。
可以打開終端cmd呻疹,執(zhí)行一下命令確認(rèn)安裝完畢。
node -v
npm -version
另外一個(gè)筹陵,就是git了刽锤。git也沒什么好說的,官網(wǎng)下載朦佩,選擇自己操作系統(tǒng)的版本并思,一路next就裝好了。
安裝hexo
在git
終端或者cmd
執(zhí)行安裝hexo
npm install hexo-cli -g
以windows系統(tǒng)為例语稠,在你想要安裝的盤新建一個(gè)目錄宋彼,比如d:/blog
,在此目錄下右鍵打開git
的終端(就是Git Bash Here
),然后執(zhí)行
hexo init
初始化博客目錄,然后執(zhí)行
npm install
會(huì)下載需要的庫仙畦。之后執(zhí)行
hexo server
簡便語法:hexo s
啟動(dòng)本地服務(wù)器输涕,在瀏覽器打開localhost:4000
就可以看到效果了。
關(guān)閉本地服務(wù):ctrl + c
有不明白可以看hexo官網(wǎng),官網(wǎng)講的很詳細(xì)了慨畸。
創(chuàng)建Github倉庫
本地博客搭建完莱坎,只要部署在github上就ok啦。
- 登錄github寸士,沒有的自己注冊(cè)型奥。
- 創(chuàng)建一個(gè)Repository,名字必須為【你的用戶名.github.io】碉京。
配置博客部署信息
博客的根目錄d:/blog
下有一個(gè)配置文件_config.yml
厢汹,這里可以配置你的github的地址等信息,配置完谐宙,執(zhí)行
hexo g
生成靜態(tài)文件烫葬,然后
hexo d
就部署到github上了,然后在瀏覽器打開 【你的用戶名.github.io】就可以了。
最后
這個(gè)過程你會(huì)遇到許多問題搭综,這邊放上幾篇參考垢箕,可以解決你的困惑。
- http://www.reibang.com/p/465830080ea9
- http://www.tuicool.com/articles/ueI7naV
- 這些不能解決你的問題兑巾,請(qǐng)自行g(shù)oogle
DIY博客
hexo
默認(rèn)主題是landscape
条获,不喜歡,可以自己替換主題蒋歌,這當(dāng)然需要自己配置許多東西帅掘,我用的是NexT
主題,放上一點(diǎn)參考吧堂油。
NexT官網(wǎng)