不再忍受龜速 Github,你也可以試試在雲開發上部署個人博客!

Hexo 是被大家廣泛使用的靜態博客系統, 除了在 Github Pages 部署以外,現在你有了一個新的選擇,那就是使用雲開發靜態網站功能來部署啦!

雲開發(CloudBase)是一款雲端一體化的產品方案 ,採用 serverless 架構,免環境搭建等運維事務 ,支持一雲多端,助力快速構建小程序、Web應用、移動應用。

雲開發靜態網站託管支持通過雲開發SDK調用服務端資源如:雲函數、雲存儲、雲數據庫等,從而將靜態網站擴展為全棧網站

無論是騰訊雲·雲開發用戶,還是小程序·雲開發用戶,只要開通按量付費,即可享有雲開發靜態網站託管服務。

系統依賴

在進行後續的內容前,請先確保你的電腦中安裝了 Node.js 運行環境。如果沒有安裝,可以訪問 nodejs.org  下載安裝。

安裝雲開發 cli 工具 和 Hexo

執行如下命令,安裝雲開發 cli 工具以及 Hexo

npm i -g @cloudbase/cli hexo-cli  

在本地初始化一個 Hexo 項目

首先,我們創建一個 Hexo 項目,執行如下命令

hexo init  

可以看到下面這樣的輸出

初始化完成後,進入到目錄中,並啟動預覽

cd bloghexo s  

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

創建一個雲開發環境

完成了本地的 Hexo 建設,接下來我們來創建一個雲開發環境,用來部署 Hexo 。打開騰訊雲控制台,在產品中找到雲開發

進入到雲開發的管理控制台,點擊新建環境,新建一個環境來進行部署

新建一個環境,名為 docs,並選擇按量計費,開通環境

在開通環境以後, 記住你的環境 ID,這個 ID 後續我們會用到。

創建完成後,點擊環境,進入到環境的管理頁面。點擊左側菜單欄中的「靜態網站」

並在靜態網站頁面開通功能

當你看到這樣的界面時,就說明已經開通好了。

你現在可以通過上傳文件手動上傳一個文件測試,稍後,我們將會用雲開發 Cli 來完成上傳。

初始化雲開發 Cli

完成了雲開發環境的配置後, 我們需要初始化一下雲開發 cli ,從而實現藉助 cli 來上傳頁面(當然, 也可以通過網頁端直接上傳,但如果你博客的文章比較多,還是使用 Cli 上傳更加方便)

在命令行輸入如下代碼

tcb login  

會提醒你需要在網頁中授權

在彈出的頁面確認授權

確認授權後,你會看到控制台輸出相應的命令

部署

這樣,你的雲開發 cli 就初始化好了。接下來,就可以進入到最後一個環節,上傳部署 Hexo 了。

構建 Hexo 並上傳

回到你的 Hexo 目錄中,執行 Hexo g 來生成文件,Hexo 會默認將文件生成在 Public 目錄下。

文件生成完成後,可以執行如下命令來進行部署(需要將 EnvID 替換為前面你記下的環境ID)

cd publictcb hosting:deploy ./ -e EnvID  

稍等片刻,部署完成,接下來就可以預覽了。

瀏覽

點擊設置,進入設置頁面,可以找到默認的的域名,點擊域名,就可以看到你剛剛部署的環境啦。

比如,我的部署以後是這樣的

One More Thing

只需簡單的幾步,你就可以輕鬆實現將 Hexo 部署到雲開發上,無需再忍受 Github Pages 的龜速啦!還不快遷移?

不僅如此,如果你是一個自動化愛好者, 還可以試着把雲開發 Cli 配置到你的 CI 環境中,實現自動部署哦~

技術文檔:https://www.cloudbase.net/

如果你想要了解更多關於雲開發CloudBase相關的技術故事/技術實戰經驗,請掃碼關注【騰訊云云開發】公眾號~