如何在雲開發靜態託管中使用Hugo

2022-06-06 04:00:10 字數 2177 閱讀 5957

hugo是乙個用go編寫的靜態站點生成器,由於具有豐富的主題資源和有比較豐富的主題資源和較好的生成速度。

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

首先,我們先安裝hugo:

brew install hugo
緊著這,我們用hugo來幫我們建立乙個blog專案:

```

hugo new site hugo-demo && cd hugo-demo

然後我們先建立乙個測試的文章:
hugo new posts/my-first-post.md

最後,直接在目錄中執行:
hugo server

在瀏覽器開啟 [http://localhost:1313/](http://localhost:1313/) 即可檢視效果:

![image](1.png)

當然,我們需要部署的是編譯完成的靜態頁面檔案:

hugo -d

生成好的靜態頁面檔案會放在專案的public目錄中,目錄結構如下:

在雲環境管理介面,在右側的**託管中,我們可以將剛剛專案中生成好的靜態頁面給上傳上去。當然,手動上傳顯的不太友好,我們也可以借助 cloudbase cli 以命令列的方式執行上傳。

首先,安裝cloudbase cli:

npm install -g @cloudbase/cli
執行登入命令:

在彈出的頁面確認授權:

接著,在hugo-site中將public目錄中的檔案給部署上去:

cloudbase hosting:deploy ./public  -e endid
這裡的 envid 替換為剛建立好的環境id。

通過預設網域名稱,我們就能訪問啦:

如何在雲開發靜態託管中使用Jekyll

注意 在 windows 下使用 jekyll,你可以使用 running jekyll on windows mac os安裝jekyll gem install jekyll使用jekyll建立乙個專案 然後再專案中執行 bundle exec jekyll serve就可以在看到效果了。在雲環...

如何在雲託管中操作雲開發資料庫?

那麼,能否在雲託管中操作雲開發的基礎能力雲資料庫呢?當然可以!下方是部署教程 登入 雲開發 cloudbase 控制台,選擇乙個環境,進入雲託管管理頁面,單擊 立即開通 雲託管當前已 開放上海和廣州地域 更多地域將陸續開放。網路設定包括 私有網路 vpc 和 子網。以環境為維度,雲託管中建立的所有服...

如何在html靜態頁面中使用struts2標籤

在html靜態頁面中如何使用使用struts2標籤 對於struts2的初學者來說,一般直接觸過在jsp頁面中使用struts2的標籤,但是在是實際工作中有時候可能需要在html頁面中也使用struts2標籤,在jsp頁面中使用struts2標籤要先對標籤進行引用,引用內容如下 但是在html中根本...