不再忍受龜速 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相關的技術故事/技術實戰經驗,請掃碼關注【騰訊云云開發】公眾號~

Tags: