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

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

系統(tǒng)依賴

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

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

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

npm install -g @cloudbase/cli hexo-cli

在本地初始化一個 Hexo 項目

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

hexo init

可以看到下面這樣的輸出

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

cd blog
hexo s

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

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

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

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

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

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

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

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

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

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

初始化云開發(fā) Cli

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

在命令行輸入如下代碼

tcb login

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

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

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

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

構(gòu)建 Hexo 并上傳

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

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

cd public
tcb hosting:deploy ./ -e EnvId

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

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

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

One More Thing

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

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

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

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

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

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