「免費博客搭建系列」基于hexo+GitHub搭建免費博客

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

輸入hexo v 或者 hexo version半等,可以查看到相關(guān)插件的版本信息和環(huán)境信息揍愁。

查看hexo環(huán)境

2、初始化hexo
還是剛才的界面杀饵,輸入hexo init實現(xiàn)初始化莽囤,如下圖所示,說明初始化成功切距。

初始化hexo

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倉庫虏冻,需要注意的在圖中特別說明了,一開始沒有相同弹囚,踩了坑厨相。

創(chuàng)建倉庫

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ā)布插件。

安裝git發(fā)布插件

接著輸入hexo generate或者hexo g锦募,來生成靜態(tài)文件摆屯。

生成靜態(tài)文件

接著輸入hexo deploy 或者 hexo d,進行項目的發(fā)布。

發(fā)布
發(fā)布

上面兩個命令也可以合并起來虐骑,直接輸入hexo generate --deploy 或者hexo deploy --generate准验,讓 Hexo 在生成完畢后自動部署網(wǎng)站下一步廷没,我們打開剛才創(chuàng)建的倉庫糊饱,點擊Settings,往下拉到這里颠黎,可以看到已經(jīng)提示我們的站點已經(jīng)發(fā)布好了另锋。

倉庫的配置

于是滿懷期待的打開了https://gopoop.github.io/,可以看到我們的網(wǎng)站最最最雛形的模樣了狭归,亂入了句歌詞夭坪,哈哈。

?網(wǎng)站

到此我們的免費博客就搭建完成啦过椎,如果覺得寫的還可以室梅,動動手指點個喜歡,哈哈疚宇。下一篇文章將會介紹怎么更換主題亡鼠,還有編寫文章。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末敷待,一起剝皮案震驚了整個濱河市间涵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌讼撒,老刑警劉巖浑厚,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異根盒,居然都是意外死亡钳幅,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門炎滞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來敢艰,“玉大人,你說我怎么就攤上這事册赛∧频迹” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵森瘪,是天一觀的道長牡属。 經(jīng)常有香客問我,道長扼睬,這世上最難降的妖魔是什么逮栅? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上措伐,老公的妹妹穿的比我還像新娘特纤。我一直安慰自己,他們只是感情好侥加,可當(dāng)我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布捧存。 她就那樣靜靜地躺著,像睡著了一般担败。 火紅的嫁衣襯著肌膚如雪昔穴。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天氢架,我揣著相機與錄音傻咖,去河邊找鬼。 笑死岖研,一個胖子當(dāng)著我的面吹牛卿操,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播孙援,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼害淤,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了拓售?” 一聲冷哼從身側(cè)響起窥摄,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎础淤,沒想到半個月后崭放,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡鸽凶,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年币砂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片玻侥。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡决摧,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出凑兰,到底是詐尸還是另有隱情掌桩,我是刑警寧澤,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布姑食,位于F島的核電站波岛,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏音半。R本人自食惡果不足惜盆色,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一灰蛙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧隔躲,春花似錦、人聲如沸物延。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽叛薯。三九已至浑吟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間耗溜,已是汗流浹背组力。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留抖拴,地道東北人燎字。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像阿宅,于是被迫代替她去往敵國和親候衍。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,452評論 2 348

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