云開發(fā) Hexo 博客部署

Hexo 是被大家廣泛使用的靜態(tài)博客系統(tǒng)， 除了在 Github Pages 部署以外，現(xiàn)在你有了一個(gè)新的選擇，那就是使用云開發(fā)靜態(tài)網(wǎng)站功能來部署啦！

系統(tǒng)依賴

在進(jìn)行后續(xù)的內(nèi)容前，請(qǐng)先確保你的電腦中安裝了 Node.js 運(yùn)行環(huán)境。如果沒有安裝，可以訪問 nodejs.org 下載安裝。

安裝云開發(fā) cli 工具 和 Hexo

執(zhí)行如下命令，安裝云開發(fā) cli 工具以及 Hexo

npm install -g @cloudbase/cli hexo-cli

在本地初始化一個(gè) Hexo 項(xiàng)目

首先，我們創(chuàng)建一個(gè) Hexo 項(xiàng)目，執(zhí)行如下命令

hexo init

可以看到下面這樣的輸出

初始化完成后，進(jìn)入到目錄中，并啟動(dòng)預(yù)覽

cd blog
hexo s

然后，在瀏覽器中打開 localhost:4000 ，可以看到 Hexo 的界面，這樣就說明我們成功的完成了 Hexo 的本地初始化

創(chuàng)建一個(gè)云開發(fā)環(huán)境

完成了本地的 Hexo 建設(shè)，接下來我們來創(chuàng)建一個(gè)云開發(fā)環(huán)境，用來部署 Hexo 。打開騰訊云控制臺(tái)，在產(chǎn)品中找到云開發(fā)

進(jìn)入到云開發(fā)的管理控制臺(tái)，點(diǎn)擊新建環(huán)境，新建一個(gè)環(huán)境來進(jìn)行部署

新建一個(gè)環(huán)境，名為 docs，并選擇按量計(jì)費(fèi)，開通環(huán)境

在開通環(huán)境以后， 記住你的環(huán)境 ID，這個(gè) ID 后續(xù)我們會(huì)用到。

創(chuàng)建完成后，點(diǎn)擊環(huán)境，進(jìn)入到環(huán)境的管理頁面。點(diǎn)擊左側(cè)菜單欄中的「靜態(tài)網(wǎng)站」

并在靜態(tài)網(wǎng)站頁面開通功能

當(dāng)你看到這樣的界面時(shí)，就說明已經(jīng)開通好了。

你現(xiàn)在可以通過上傳文件手動(dòng)上傳一個(gè)文件測(cè)試，稍后，我們將會(huì)用云開發(fā) Cli 來完成上傳。

初始化云開發(fā) Cli

完成了云開發(fā)環(huán)境的配置后， 我們需要初始化一下云開發(fā) cli ，從而實(shí)現(xiàn)借助 cli 來上傳頁面（當(dāng)然， 也可以通過網(wǎng)頁端直接上傳，但如果你博客的文章比較多，還是使用 Cli 上傳更加方便）

在命令行輸入如下代碼

tcb login

會(huì)提醒你需要在網(wǎng)頁中授權(quán)

在彈出的頁面確認(rèn)授權(quán)

確認(rèn)授權(quán)后，你會(huì)看到控制臺(tái)輸出相應(yīng)的命令

這樣，你的云開發(fā) cli 就初始化好了。 接下來，就可以進(jìn)入到最后一個(gè)環(huán)節(jié)，上傳部署 Hexo 了。

構(gòu)建 Hexo 并上傳

回到你的 Hexo 目錄中，執(zhí)行 Hexo g 來生成文件，Hexo 會(huì)默認(rèn)將文件生成在 Public 目錄下。

文件生成完成后，可以執(zhí)行如下命令來進(jìn)行部署（需要將 EnvID 替換為前面你記下的環(huán)境ID）

cd public
tcb hosting:deploy ./ -e EnvId

稍等片刻，部署完成，接下來就可以預(yù)覽了。

點(diǎn)擊設(shè)置，進(jìn)入設(shè)置頁面，可以找到默認(rèn)的的域名，點(diǎn)擊域名，就可以看到你剛剛部署的環(huán)境啦。

比如，我的部署以后是這樣的

One More Thing

只需簡(jiǎn)單的幾步，你就可以輕松實(shí)現(xiàn)將 Hexo 部署到云開發(fā)上，無需再忍受 Github Pages 的龜速啦！還不快遷移？

不僅如此，如果你是一個(gè)自動(dòng)化愛好者， 還可以試著把云開發(fā) Cli 配置到你的 CI 環(huán)境中，實(shí)現(xiàn)自動(dòng)部署哦～

點(diǎn)擊以下鏈接快速開始用云開發(fā)靜態(tài)網(wǎng)站托管部署你的站點(diǎn)：https://console.cloud.tencent.com/tcb?from=12304

云開發(fā)（CloudBase）是一款云端一體化的產(chǎn)品方案 ，采用 serverless 架構(gòu)，免環(huán)境搭建等運(yùn)維事務(wù) ，支持一云多端，助力快速構(gòu)建小程序、Web應(yīng)用、移動(dòng)應(yīng)用。

技術(shù)文檔：https://www.cloudbase.net/

微信搜索：騰訊云云開發(fā)，獲取項(xiàng)目最新進(jìn)展