HEXO搭建個(gè)人博客(一):發(fā)布第一篇文章

本文發(fā)布于我的個(gè)人博客:flappy8023.xyz

前言

很早就有過擁有一個(gè)屬于自己的網(wǎng)站的想法,直到一個(gè)偶然的機(jī)會(huì)在簡(jiǎn)書上看到了利用HexoGitHub搭建靜態(tài)博客的教程,再加上一月份在萬(wàn)網(wǎng)上1元購(gòu)得的.xyz域名,一個(gè)大膽的想法誕生了

正文


安裝node.js

以Windows環(huán)境安裝node.js為例,首先登錄node.js官網(wǎng),選擇適合自己的版本進(jìn)行下載,然后進(jìn)行安裝。

安裝git客戶端

登錄git官網(wǎng)選擇版本進(jìn)行下載,基本一路next下去即可輕松完成安裝。

注意

安裝過程中,注意勾選在右鍵菜單建立git bash快捷方式一項(xiàng),因?yàn)橹蟮母鞣N操作都需要在git bash中用命令行進(jìn)行操作,方便隨時(shí)隨地打開命令窗口。

安裝及初始化Hexo

終于到了我們的重頭戲Hexo,整個(gè)博客都是基于Hexo來(lái)生成的。Hexo的安裝需要通過npm命令來(lái)進(jìn)行,安裝完node.js之后就默認(rèn)安裝了npm包管理工具,而npm的官方倉(cāng)庫(kù)位于境外,由于眾所周知的原因,我們大陸用戶基本是訪問不了官方源了,所以推薦大家使用淘寶鏡像進(jìn)行替換。

安裝Hexo

在電腦任意空白處點(diǎn)擊右鍵,選擇Git Bash Here打開命令行

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后就可以使用下面的命令從npm安裝Hexo:

npm install hexo-cli -g

初始化Hexo

安裝完成之后,就可以選擇一個(gè)自己的文件夾作為博客的根目錄( 例如 C:\blog ),然后在該目錄下打開命令行

hexo init

初始化博客空間,生成博客運(yùn)作所需要的文件,接下來(lái)安裝依賴包

npm install

此時(shí),你的文件夾下的目錄結(jié)構(gòu)應(yīng)該是這樣:


本地運(yùn)行

接下來(lái)自然是要親眼領(lǐng)略一下博客的真容了。

分別在Git Bash中執(zhí)行

hexo g

hexo s

會(huì)看到這樣的提示

在瀏覽器地址欄輸入http://localhost:4000/,按下回車鍵,準(zhǔn)備好迎接美麗的新領(lǐng)域吧。

熟悉的Hello World

Attention:不用試圖Ctrl+C從命令行復(fù)制地址,相信我,你會(huì)很郁悶

Hexo的一些基本命令

hexo g #完整命令為hexo generate,用于生成靜態(tài)文件

hexo s #完整命令為hexo server,用于啟動(dòng)服務(wù)器,主要用來(lái)本地預(yù)覽

hexo d #完整命令為hexo deploy,用于將本地文件發(fā)布到github等git倉(cāng)庫(kù)上

hexo n "my article" #完整命令為hexo new,用于新建一篇名為“my article”的文章

發(fā)布一篇文章

首先Ctrl+C停止當(dāng)前的本地服務(wù),然后

hexo n "我的第一篇文章"

這樣就會(huì)在博客目錄下source\_posts中生成相應(yīng)的 我的第一篇文章.md文件( 例如 C:\blog\source_posts\我的第一篇文章.md )

文章需要使用Markdown語(yǔ)法進(jìn)行編寫

可以使用Notepad++等文本編輯軟件進(jìn)行編輯,還是推薦使用專業(yè)的支持Markdown語(yǔ)法的編輯器進(jìn)行打開,例如Windows平臺(tái)的MarkdownPad可以支持文章的實(shí)時(shí)預(yù)覽,效果出眾。

編輯完成后就可以進(jìn)行本地預(yù)覽

hexo g

hexo s

總結(jié)

到目前為止利用Hexo搭建本地環(huán)境已經(jīng)完成,下一節(jié)將要開始把博客發(fā)布到github上,并利用GitHub Pages完成博客的部署,敬請(qǐng)期待哦。

更多參考

hexo干貨系列 by 嘟嘟獨(dú)立博客

最后編輯于
?著作權(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)容