為什么要使用Hexo

Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內(nèi)，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多數(shù)插件. 并自己也擁有強(qiáng)大的插件系統(tǒng)。

通過(guò)本教程中，你將從頭開始構(gòu)建自己的應(yīng)用，分別使用Hexo CLI 和 云開發(fā)平臺(tái)

Hexo-CLI 快速搭建項(xiàng)目

一、搭建本地開發(fā)環(huán)境

● Hexo 需要Node.js 版本不低于 10.13，建議使用 Node.js 12.0 及以上版本。您可以使用n、nvm或nvm-windows 在同一臺(tái)機(jī)器上管理多個(gè)版本的Node。 要了解如何安裝 Node.js，參閱nodejs.org。 如果你不確定系統(tǒng)中正在運(yùn)行的 Node.js 版本是什么，請(qǐng)?jiān)诮K端窗口中運(yùn)行node -v。

● npm 包管理器 因?yàn)槲覀兺ǔ６紩?huì)使用Hexo 提供的腳手架搭建項(xiàng)目結(jié)構(gòu)，所以要下載并安裝 npm 包。本指南使用 npm 客戶端命令行界面，該界面默認(rèn)安裝在 Node.js。要檢查你是否安裝了 npm 客戶端，請(qǐng)?jiān)诮K端窗口中運(yùn)行 npm -v 。

● 你可以使用 Hexo CLI 來(lái)創(chuàng)建項(xiàng)目，生成應(yīng)用和庫(kù)代碼，以及執(zhí)行各種持續(xù)開發(fā)任務(wù)，比如測(cè)試、打包和部署。

要安裝新軟件包，請(qǐng)使用以下命令之一：

npm install -g hexo-cli

● 進(jìn)階安裝和使用

對(duì)于熟悉 npm 的進(jìn)階用戶，可以僅局部安裝 hexo 包。

npm install hexo

安裝以后，可以使用以下兩種方式執(zhí)行 Hexo：

1. npx hexo
2. 將 Hexo 所在的目錄下的 node_modules 添加到環(huán)境變量之中即可直接使用 hexo ：

echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile

二、創(chuàng)建新的初始應(yīng)用

● 要想創(chuàng)建一個(gè)新的初始應(yīng)用項(xiàng)目，請(qǐng)執(zhí)行：

hexo init <folder>

● 新建完成后，指定文件夾的目錄如下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

三、啟動(dòng)應(yīng)用服務(wù)器

進(jìn)入工作區(qū)目錄，并啟動(dòng)這個(gè)應(yīng)用。

cd <folder>
npm install
hexo server

hexo server命令會(huì)構(gòu)建本應(yīng)用、啟動(dòng)開發(fā)服務(wù)器、監(jiān)聽源文件，并且當(dāng)那些文件發(fā)生變化時(shí)重新構(gòu)建本應(yīng)用，

也會(huì)打開瀏覽器，并訪問 http://localhost:4000/ 。

你會(huì)發(fā)現(xiàn)本應(yīng)用正運(yùn)行在瀏覽器中。

參考文獻(xiàn)：https://hexo.io/zh-cn/

云平臺(tái)一鍵部署Hexo

一、創(chuàng)建環(huán)境

想要一鍵部署Hexo，需要以下賬號(hào)和服務(wù)：

● Github賬號(hào) ( https://github.com/ )，

● 阿里云賬號(hào)，并使用阿里云賬號(hào)登錄云開發(fā)平臺(tái) ( https://workbench.aliyun.com/ )，為保證最好的使用體驗(yàn)，請(qǐng)使用Chrome瀏覽器。開通OSS服務(wù)。

● 未開通阿里云OSS的用戶，點(diǎn)擊鏈接 (https://workbench.aliyun.com/product/open?code=oss )開通OSS服務(wù)。OSS開通免費(fèi)，有一定的免費(fèi)額度，超過(guò)額度之后按量付費(fèi)。

二、創(chuàng)建Hexo應(yīng)用

● 創(chuàng)建前端應(yīng)用。打開快速開始 https://workbench.aliyun.com/app ，找到Hexo點(diǎn)擊創(chuàng)建「創(chuàng)建應(yīng)用」按鈕。

● 云資源訪問授權(quán)。如果您之前沒有使用過(guò)云開發(fā)平臺(tái)，會(huì)出現(xiàn)云資源授權(quán)管理的選項(xiàng)，往下拉出現(xiàn)直至同意授權(quán)的字樣，點(diǎn)擊「同意授權(quán)」后出現(xiàn)授權(quán)成功，點(diǎn)擊進(jìn)入「下一步」。

● 綁定Github賬號(hào)。授權(quán)完成后選擇來(lái)源倉(cāng)庫(kù)為Github，按照提示點(diǎn)擊去綁定，綁定GitHub帳號(hào)，登錄后并點(diǎn)擊Authorize Aliyunworkben允許云開發(fā)平臺(tái)構(gòu)建、發(fā)布你的GitHub代碼為可訪問的網(wǎng)站。

● 選擇fork好的“Hexo”代碼倉(cāng)庫(kù)。選擇第一步中的代碼倉(cāng)庫(kù)，主干分支，并點(diǎn)擊下一步。主干分支一般指的是代碼的master或main等分支。

填寫基本信息，完成創(chuàng)建。填寫基本信息并點(diǎn)擊「完成」。成功后進(jìn)入到應(yīng)用詳情和部署界面。

三、在日常環(huán)境部署

● 一鍵進(jìn)行應(yīng)用部署。在應(yīng)用詳情頁(yè)面點(diǎn)擊日常環(huán)境的「部署」按鈕進(jìn)行一鍵部署，部署狀態(tài)變成綠色已部署以后可以點(diǎn)擊訪問部署網(wǎng)站查看效果。

● 訪問Hexo網(wǎng)站。日常環(huán)境的測(cè)試域名也是可以訪問的，點(diǎn)擊訪問已部署網(wǎng)站按鈕會(huì)出現(xiàn)一個(gè)彈出，點(diǎn)擊彈出上的立即訪問就能夠訪問已經(jīng)部署好的站點(diǎn)了。在部署完成后，可以繼續(xù)本地編碼，并將代碼push到應(yīng)用的“基本信息”中對(duì)應(yīng)的代碼倉(cāng)庫(kù)內(nèi)。

阿里云開發(fā)多端應(yīng)用平臺(tái)

框架不管是日常工作、學(xué)習(xí)都會(huì)涉及到的領(lǐng)域，既如此挑選一款適合自己的應(yīng)用不止操作起來(lái)更順暢同時(shí)也使身心愉悅，帶來(lái)一天的好心情。

●那諸多的應(yīng)用怎么去挑選合適自己的呢？

● 每一個(gè)都去下載、去看相關(guān)操作文檔去實(shí)驗(yàn)？

● 又或者聽取同學(xué)、同事的建議用著其中一款？

● 可是每個(gè)人的使用場(chǎng)景、需求、特征都一樣嗎？

● ······

帶著以上諸多疑惑進(jìn)入云開發(fā)平臺(tái)，有多種框架映入眼簾例如：Vue.js、React、Nuxt.js、Next.js、AntDesign等，其中還能看到一些內(nèi)容管理平臺(tái)例如：Hexo、Docusaurus、VuePress、Sapper等。在此條件下我們先挑一個(gè)較為感興趣的應(yīng)用點(diǎn)開去嘗試部署，會(huì)發(fā)現(xiàn)在原來(lái)線上部署應(yīng)用真的像在手機(jī)上下載APP一樣簡(jiǎn)單、快速。一個(gè)如此、其他便皆是大同小異了，多嘗試一些應(yīng)用發(fā)現(xiàn)每個(gè)的相同與不同，自然而然挑選最適合自己需求的應(yīng)用去在日常所用即可。

忙不完的活，做不完的工作，工作效益最高化是個(gè)人都在追求的，那勞逸結(jié)合必是肯定的。云開發(fā)平臺(tái)也有一些小游戲去幫助大家緩解小心情，類似頭像生成器、2048等。玩著自己部署出來(lái)的應(yīng)用成就感可就加倍呢，如果不喜歡游戲的整體布局、顏色等，那也可以根據(jù)從云開發(fā)平臺(tái)部署的經(jīng)驗(yàn)在去原有代碼基礎(chǔ)上去修改、部署等。這樣專屬自己的一款游戲就出來(lái)了呢，如果有心愛之人送給她這也合成不是一種浪漫呢！

前期準(zhǔn)備，需要安裝：

1. git
2. node.js
3. 注冊(cè)gitee賬號(hào)

下載后，打開git bash，輸入如下命令

git config user.name "你想要設(shè)置的用戶名"
git config user.email "你想要設(shè)置的郵箱"

npm install  -g hexo-cli

這里需要注意版本問題，一開始我用的是node-v8.9.4-x6，安裝hexo之后一直出現(xiàn)下面情況，不管使用什么樣的hexo命令都報(bào)同樣的錯(cuò)誤，之后把node.js換成了node.js15的版本，自己的電腦由于是win7的所以安裝時(shí)也報(bào)錯(cuò)(需要更高版本的系統(tǒng)以上才能安裝)，不得已將其改成了node-v10.23.2-x64,之后問題就沒有了

創(chuàng)建一個(gè)文件夾（可以在你想要的地方創(chuàng)建，只需要進(jìn)入即可，cd C: or cd D: 等）

mkdir myblog
hexo init

此時(shí)會(huì)在此目錄下生成許多文件

再使用下面的命令

hexo  g （生成靜態(tài)文件)
hexo  s （啟動(dòng)服務(wù)器，可以在本地查看）

默認(rèn)情況下在瀏覽器輸入http://localhost:4000/

可以查看到

當(dāng)然你也可以選用不同的主題https://hexo.io/themes/

比如你可以下載經(jīng)典的next主題

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

下載之后，你需要修改主目錄下配置文件_config.yml（注意有兩個(gè)_config.yml,一個(gè)在主目錄下，一個(gè)在themes/下）

在git上繼續(xù)使用

hexo  g
hexo  s

再次查看可以發(fā)現(xiàn)主題變成了如下模樣

這里只是在本地查看，要想別人也能看到，就需要上傳到gitee遠(yuǎn)程倉(cāng)庫(kù)上（其實(shí)也可以放到github上，但是訪問速度很慢），這樣不用租用服務(wù)器，白嫖不香嗎？

如果注冊(cè)好了gitee賬號(hào)，按下面步驟進(jìn)行

由于要遠(yuǎn)程上傳代碼，所以需要使用ssh進(jìn)行，這時(shí)就需要公鑰

ssh-keygen -t rsa -C "xxxxx@xxxxx.com" （"xxxxx@xxxxx.com"是你設(shè)置的郵箱，產(chǎn)生公鑰）
cat ~/.ssh/id_rsa.pub

可以測(cè)試一下是否能夠連接上

ssh -T git@gitee.com

新建倉(cāng)庫(kù)

具體設(shè)置

在主站配置文件_config.yaml中修改

1.

2.

3.

經(jīng)過(guò)上述步驟之后，就可以上傳了

hexo g
hexo d

hexo d 之后發(fā)現(xiàn)一直提示下面信息，遠(yuǎn)程倉(cāng)庫(kù)也沒有反應(yīng)

在網(wǎng)上查到使用下面的命令就可以解決

npm un hexo-deployer-git
npm i hexojs/hexo-deployer-git

使用之后，再hexo d

記?。喝绻袉栴}可以去github上hexo的issues上查找解決辦法或者提

https://github.com/hexojs/hexo/issues