用Hexo搭建博客-搭建環(huán)境生成hexo靜態(tài)頁(yè)面

1:安裝node

下載:https://nodejs.org/en/download/

端開發(fā)框架和環(huán)境都是需要 Node.js ,先安裝node.js開發(fā)環(huán)境,vue的運(yùn)行是要依賴于node的npm的管理工具來(lái)實(shí)現(xiàn),下載https://nodejs.org/en/,安裝完成之后,打開cmd開始輸入命令。(我用的是win10系統(tǒng),所以需要管理員權(quán)限,右鍵點(diǎn)擊以管理員身份運(yùn)行cmd),不然會(huì)出現(xiàn)很多報(bào)錯(cuò)。


如果不會(huì)安裝,可以參考教程:
https://www.runoob.com/nodejs/nodejs-install-setup.html

查看node的版本號(hào)

下載好node之后,以管理員身份打開cmd管理工具,,輸入 node -v ,回車,查看node版本號(hào),出現(xiàn)版本號(hào)則說(shuō)明安裝成功。

輸入命令: node -v

2:安裝git

后面需要用到git工具,所以要提前安裝了。


3:安裝Hexo

首先全局安裝 yarn

npm install -g yarn


安裝完成,查看版本
查看版本命令yarn --version

繼續(xù)通過(guò)Yarn來(lái)全局安裝Hexo.
命令

yarn global add hexo

完成安裝顯示


4:初始化項(xiàng)目

在D盤新建一個(gè)myblog目錄,作為hexo目錄.


cd myblog
進(jìn)入新建文件夾
執(zhí)行
hexo init


如果在hexo init的時(shí)候出現(xiàn)這樣的提示

'hexo' 不是內(nèi)部或外部命令,也不是可運(yùn)行的程序
或批處理文件。

需要
在新建目錄底下執(zhí)行
npm install -g hexo-cli


5:安裝主題NexT

git clone https://github.com/iissnan/hexo-theme-next themes/next

打開項(xiàng)目配置文件



進(jìn)行修改
theme: next


6:運(yùn)行

hexo s --debug


在瀏覽器里面打開
http://localhost:4000/
可以看到,已經(jīng)用用Hexo搭建了一個(gè)基礎(chǔ)的博客了

原文作者:祈澈姑娘 技術(shù)博客:http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子,愛(ài)編程,愛(ài)運(yùn)營(yíng),文藝與代碼齊飛,魅力與智慧共存的程序媛一枚,歡迎關(guān)注【編程微刊】公眾號(hào),回復(fù)【領(lǐng)取資源】,500G編程學(xué)習(xí)資源干貨免費(fèi)送。

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