什么是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
- Windows:前往 淘寶 Git for Windows 鏡像 下載安裝包
- Mac:使用Homebrew安裝, 終端輸入
$ brew install 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í)的。