使用Hexo快速搭建個(gè)人博客系統(tǒng)

什么是Hexo?

Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。Hexo 使用 Markdown解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。個(gè)人理解Hexo是一種基于Node.js制作的一個(gè)博客生成工具,可以將我們寫好的Markdown文章渲染成靜態(tài)的html頁(yè)面。

安裝Hexo

安裝Hexo需要先安裝Node.js和Git,如果電腦中已經(jīng)安裝了這兩個(gè)程序,可以直接前往【安裝 Hexo】步驟。

安裝 Git

安裝 Node.js

  • Windows:前往 淘寶 Node.js 鏡像 下載安裝包
  • Mac:使用Homebrew安裝, 終端輸入 $ brew install node

由于npm的服務(wù)器位于國(guó)外,安裝依賴時(shí)速度特別慢,Mac用戶成功安裝Node.js后,推薦使用淘寶定制的cnpm命令行工具代替默認(rèn)的 npm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝 Hexo

$ npm install -g hexo-cli

使用Hexo建站

安裝 Hexo 完成后,執(zhí)行下列命令,Hexo 將會(huì)在指定文件夾中新建所需要的文件。

$ hexo init <博客目錄>
$ cd <博客目錄>
$ npm install

新建項(xiàng)目的目錄結(jié)構(gòu)如下:

.
├── _config.yml              // 博客配置文件
├── package.json             // 應(yīng)用程序的信息(依賴,版本號(hào)等)
├── scaffolds                // 生成文章的模板
├── source                   // 用戶資源(博客文章、主題配置等)
└── themes                   // 主題文件夾(頁(yè)面樣式)

預(yù)覽效果

使用$ hexo g命令來(lái)生成靜態(tài)頁(yè)面,之后使用$ hexo s命令來(lái)啟動(dòng)本地服務(wù),在瀏覽器就輸入http://localhost:4000即可看到搭建好的博客了。

新建一篇文章

$ hexo new <文章標(biāo)題>

使用上面的命令創(chuàng)建一篇新文章,文章保存在 <Hexo項(xiàng)目路徑>/source/_posts/<文章標(biāo)題>.md,使用你熟悉的Markdown編輯器編輯文章后輸入$ hexo g重新生成靜態(tài)頁(yè)面,在瀏覽器中刷新一下就可以看到你的第一篇Hexo博客了。

總結(jié)

經(jīng)過(guò)上面的操作步驟,一個(gè)使用Hexo搭建的博客系統(tǒng)就建好了,當(dāng)然這里我們看到的只是Hexo自帶的博客效果,并且只能在本機(jī)查看,相當(dāng)于學(xué)習(xí)編程時(shí)成功運(yùn)行了Hello Word而已。想要我們的博客豐富起來(lái)還要修改Hexo的配置,選取個(gè)人喜歡的主題,部署外網(wǎng)服務(wù)器,這些都是我們需要進(jìn)一步去學(xué)習(xí)的。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容