HEXO是什么?
在開始搭建之前动知,先來科普一下hexo到底是個什么東西皿伺?下面是引用自Hexo官網(wǎng)的介紹,其實還少了一點盒粮,就是免費鸵鸥,哈哈哈。
Hexo 是一個快速丹皱、簡潔且高效的博客框架妒穴。Hexo 使用Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi)摊崭,即可利用靚麗的主題生成靜態(tài)網(wǎng)頁讼油。
Hexo特性
超快速度,Node.js 所帶來的超快生成速度呢簸,讓上百個頁面在幾秒內(nèi)瞬間完成渲染矮台。
支持 Markdown,Hexo 支持 GitHub Flavored Markdown 的所有功能阔墩,甚至可以整合 Octopress 的大多數(shù)插件嘿架。
一鍵部署,只需一條指令即可部署到 GitHub Pages, Heroku 或其他網(wǎng)站啸箫。
豐富的插件,Hexo 擁有強大的插件系統(tǒng)伞芹,安裝插件可以讓 Hexo 支持 Jade, CoffeeScript忘苛。
為什么選擇Hexo?
比較流行的一些靜態(tài)博客框架有Jekyll唱较,Hexo扎唾,Simple,Octopress南缓,Pelican以及Lo·gecho等等胸遇,但最后我選擇了Hexo來搭建自己的博客,主要原因除了上面所介紹的特性以外汉形,還有一個決定性的原因纸镊,就是Hexo有很多很好看的主題可以選倍阐,哈哈哈。好了逗威,廢話不多說峰搪,下面開始我們的主題,搭建博客凯旭。
搭建步驟
一概耻、安裝nodejs,沒裝的戳這里
二罐呼、安裝git鞠柄,沒裝的,麻煩再戳一次
三嫉柴、GitHub賬號跟SSH綁定厌杜,沒配置好的,請戳第三次
四差凹、Hexo建站期奔,這部分就沒得戳了,往下看吧
1危尿、安裝Hexo
由于新版的nodejs已經(jīng)集成了npm呐萌,所以安裝nodejs的時候,npm也一并安裝好了谊娇,所以現(xiàn)在可以用 npm 來完成 Hexo 的安裝肺孤。創(chuàng)建博客項目的存放目錄,比如E:\hexo\blog济欢,在該文件夾中赠堵,右鍵點擊git bash here,輸入npm install -g hexo法褥,即可完成hexo的安裝茫叭。如下圖所示。
輸入hexo v 或者 hexo version半等,可以查看到相關(guān)插件的版本信息和環(huán)境信息揍愁。
2、初始化hexo
還是剛才的界面杀饵,輸入hexo init實現(xiàn)初始化莽囤,如下圖所示,說明初始化成功切距。
Hexo 將會在當(dāng)前文件夾中新建所需要的文件朽缎,文件夾目錄和簡單介紹如下。
├── _config.yml?? 網(wǎng)站的 配置 信息,您可以在此配置大部分的參數(shù)话肖。
├── package.json? 應(yīng)用程序的信息北秽。
├── scaffolds?? 模版 文件夾。
├── source? 資源文件夾是存放用戶資源的地方狼牺。
?? | ├── _drafts
?? | └── _posts
└── themes? 主題 文件夾羡儿。Hexo 會根據(jù)主題來生成靜態(tài)頁面。
再輸入hexo s 或者hexo server,就可以啟動hexo服務(wù)器了是钥,默認情況下掠归,訪問網(wǎng)址為:http://localhost:4000/。
3悄泥、創(chuàng)建github倉庫虏冻,需要注意的在圖中特別說明了,一開始沒有相同弹囚,踩了坑厨相。
4、上傳項目
打開配置文檔_config.yml鸥鹉,滑到最下蛮穿,可以看到depoly那一塊的配置是空的,需要我們配置自己的上傳的地址毁渗。type我們填git践磅,repository我們加入剛才創(chuàng)建的倉庫的地址,分支默認是master灸异。有一點需要注意的是縮進問題府适,yml文件依靠縮進來確定元素間的從屬關(guān)系。因此肺樟,請確保每個deployer的縮進長度相同檐春,并且使用空格縮進。所以type么伯、repository疟暖、branch冒號的后面都有一個空格,前面都是通過兩個空格對齊田柔。
修改好之后誓篱,回到git base窗口,輸入npm install hexo-deployer-git --save凯楔,安裝git發(fā)布插件。
接著輸入hexo generate或者hexo g锦募,來生成靜態(tài)文件摆屯。
接著輸入hexo deploy 或者 hexo d,進行項目的發(fā)布。
上面兩個命令也可以合并起來虐骑,直接輸入hexo generate --deploy 或者hexo deploy --generate准验,讓 Hexo 在生成完畢后自動部署網(wǎng)站。下一步廷没,我們打開剛才創(chuàng)建的倉庫糊饱,點擊Settings,往下拉到這里颠黎,可以看到已經(jīng)提示我們的站點已經(jīng)發(fā)布好了另锋。
于是滿懷期待的打開了https://gopoop.github.io/,可以看到我們的網(wǎng)站最最最雛形的模樣了狭归,亂入了句歌詞夭坪,哈哈。
到此我們的免費博客就搭建完成啦过椎,如果覺得寫的還可以室梅,動動手指點個喜歡,哈哈疚宇。下一篇文章將會介紹怎么更換主題亡鼠,還有編寫文章。