使用騰訊雲對象存儲COS部署靜態網站
- 2019 年 11 月 20 日
- 筆記
困境
之前一直在使用coding.me的pages服務,但是近來幾天發現他們把服務器搬到了中國香港。這就造成了大陸訪問非常非常慢,打開一個頁面要三分鐘之久。果然免費的東西不夠可靠。
之前有看到COS可以部署靜態網站,不妨試一試。
部署
- 創建存儲桶

點擊那個按鈕就可以了。
- 上傳網站文件

點開存儲桶後,點擊上傳文件按鈕,彈出對話框。這裡推薦直接將文件(文件夾)拖放到該對話框,可以保持原網站目錄不變。

- 開啟靜態網站 在基礎配置中可以找到該選項,直接拉到最後。索引文檔是打開域名後訪問到的主頁,錯誤文檔要看自己網站的404頁面是如何設置的。重定向規則主要用來重定向移動後的文件,這裡不使用。

好了,部署就是這麼簡單,現在可以訪問靜態網站設置中的訪問節點了。
CDN加持
獨立博客當然要使用自己的域名,騰訊的默認域名實在是太長了。官方提供了兩種方案,一種是使用自己的雲服務器,使用proxy功能將獨立域名的流量轉發到COS;另一種是使用COS的CDN功能,綁定自定義域名。
在域名管理項可以選擇配置自定義域名。輸入自己的域名,系統會生成CNAME,然後將這個CNAME填到域名解析記錄中(需要到自己的域名服務商那裡操作)。稍等幾分鐘就可以通過自己的域名訪問網站了。

404頁面
如果你對CDN做了某些配置的話,會驚訝地發現404頁面不見了。訪問一個不存在的頁面會返回怪異的字符。

這裡要到CDN的配置界面,關掉Range回源。

『/『 重定向
還有一個問題就是如何讓cdn自動補全後面』/『?訪問 https://blog.stackoverflow.club/try_seo_vue/ 可以正常顯示,但是訪問 https://blog.stackoverflow.club/try_seo_vue 就不顯示了。 這裡需要在CDN配置中關閉回源跟隨301/302
配置

還以為是什麼高級功能,誰知道是製造麻煩的。發了一個工單才解決。