使用 TWSC COS 建置靜態網頁

比較使用 TWSC VCS 虛擬運算服務 建置網頁,若您僅是需要使用靜態網頁,可考慮使用 TWSC COS 雲端物件儲存,進行靜態網頁架設降低維運成本。

服務類型 架設網站種類 使用的網址 費用
使用 VCS 架設網站 可支援動態網頁 可使用公用 IP 申請憑證與域名 VCS 個體費用、公用 IP 費用
使用 COS 架設網站 僅支援靜態網頁 僅能使用系統所給予的網址 COS 儲存費用

1. 建立 COS bucket

 

參照 HowTo:使用 S3 Browser 連線儲存體,使用 S3 Browser 連線 TWCC COS,並且建立Bucket、資料夾

2. 上傳網頁檔案

 

將預定使用的網頁上傳至 COS bucket 內資料夾

image

本文以 Docusaurus 網頁為範例,將 build 的資料夾內資料上傳至 COS

3. 設定檔案權限

 

  1. 全選所有檔案與資料夾
  2. 點選 Permissions 頁面
  3. 於權限列表,勾選 All User 的 Read,給予所有檔案可讓所有人讀取的權限
  4. 檢查是否有勾選 Apply for all subfolders and files,確保資料夾與子資料夾下的所有檔案皆可套用權限
  5. 點選 Apply changes,套用設定

image

4. 開啟網頁測試

 

  1. 點選要開啟的網頁
  2. 於 Permissions 頁面,複製系統所給予的網址
  3. 確認網頁是否有正常顯示

image

image

訂閱活動及行銷 EDM