零基礎玩轉騰訊雲 COS 對象存儲:靜態網站託管與防盜鏈設置
經常有朋友問我:我就想託管一個前端單頁應用(比如 Vue/React 打包後的項目)、一個個人的靜態博客,或者只是想找個地方存圖片、存視頻,難道還得專門買台雲服務器、配上 Nginx 嗎?
當然不用。 這種需求直接上
對象存儲(COS, Cloud Object Storage)
。 不僅省去了維護服務器的精力,而且
便宜得離譜
(通常一個月只要幾毛錢的存儲費),訪問速度還比普通服務器快得多。
今天我們就徹底打通騰訊雲 COS,從創建、託管靜態網站,再到配置防盜鏈,全流程保姆級通關。
第一階段:認識 COS 並創建你的第一個存儲桶
別被「對象存儲」這個技術詞彙唬住了。 你可以把它簡單理解為一個
永遠不會裝滿、自帶網絡鏈接的超級雲端網盤
。 你在電腦上習慣用「文件夾 文件」來管數據,在 COS 里,文件叫「對象(Object)」,根文件夾叫「存儲桶(Bucket)」。
1. 創建存儲桶
登錄騰訊雲控制台,搜索進入 「對象存儲 COS」。
點擊左側菜單的 「存儲桶列表」,然後點擊 「創建存儲桶」。
關鍵參數配置(決定你的錢包和安全):名稱:起個名字,比如 mybucket(系統會自動在後面加一串數字)。 所屬地域:極為重要! 如果你的網站受眾主要是國內,優先選「廣州」或「北京」等核心節點。 如果你打算配合騰訊雲服務器(CVM)使用,必須選擇和服務器完全相同的地域,這樣它們走內網傳輸是免費的。 訪問權限:如果你只是存私密備份,選 「私有」。 既然我們要做靜態網站託管和外鏈圖床,這裡必須選擇「公有讀私有寫」。 這意味著全世界的人都能讀取(下載/查看)你的文件,但只有掌握賬號密鑰的你才能上傳和修改。
其他選項(如版本控制、加密等)保持默認,直接一路點擊下一步,直到創建完成。
第二階段:開啟靜態網站託管(讓存儲桶變成網站)
存儲桶建好了,我們現在把它變成一個可以訪問的網站。
1. 上傳你的網頁文件
點進你剛創建的存儲桶,點擊「文件列表」,把你的靜態網頁文件(必須包含一個
Index.html
首頁文件)直接拖拽上傳到
根目錄
。
2. 開啟託管開關
在當前存儲桶的左側菜單中,找到並點擊 「基礎配置」 -> 「靜態網站」。
點擊「編輯」,將狀態切換為 「開通」。
配置索引文檔:在「索引文檔」一欄填入 index.html。 如果你
的網站有自定義的 404 錯誤頁,可以在「錯誤文檔」裡填入 404.html。
點擊保存。
3. 測試訪問
保存後,系統會自動為你生成一個「訪問域名」(通常形如 https://mybucket-xxx.cos-website.ap-guangzhou.myqcloud.com)。
複製這個鏈接到瀏覽器打開,你會發現,你的靜態網頁已經可以完美訪問了!
進階提醒:這個自帶的域名太長太丑,你可以在下方的「自定義域名」裡綁定你自己購買並備案好的域名,一鍵開啟 HTTPS 證書,立刻讓網站變得正規起來。
第三階段:配置防盜鍊(保衛你的錢包)
COS 的計費主要由兩部分組成:
儲存量
和
下行流量
。 存儲費很便宜,但如果你的網站火了,或者你放在裡面的圖片、視頻被別人偷過去直接掛在他們的網站上(俗稱「盜鍊」),別人每一次刷新網頁,扣的都是你騰訊雲賬戶裡的真金白銀。
為了防止被別人「偷流量」導致破產,我們必須配置
防盜鏈（Hotlink Protection）
。
1. 防盜鏈的工作原理
當別人訪問一個網頁時,瀏覽器在請求網頁裡的圖片、JS 文件時,會自動帶上一個叫
Referer
的請求頭,告訴服務器:「我是從哪個網站過來的」。
防盜鍊就是通過檢查這個
Referer
。 如果發現不是從你自家網站過來的請求,直接拒絕。
2. 騰訊雲 COS 配置步驟
在存儲桶左側菜單,點擊 「安全管理」 -> 「防盜鏈設置」。
點擊「編輯」,將狀態設置為 「開啟」。
防盜鏈類型:選擇 「白名單」(意思是只有我指定的網站可以正常用我的文件,其他人全拒絕)。
Referer 規則:輸入你自己的網站域名,例如 *.yourdomain.com(加星號代表允許所有二級域名訪問)。 換行輸入你本地測試用的域名,如 localhost 或 127.0.0.1,否則你在本地開發時圖片也顯示不出來。
包含空 Referer:選擇「允許」:用戶在瀏覽器直接輸入圖片網址,或者在手機微信裡直接打開鏈接時,請求是不帶 Referer 的。 如果你希望別人能直接看,就選允許。 選擇「拒絕」:最嚴格的防盜機制。 別人哪怕直接在瀏覽器里輸入你的圖片鏈接也會報錯(HTTP 403),只能在你的網頁裡看。
點擊保存,一般 5 分鐘內在全球生效。
第四階段:日常玩轉 COS 的高效小工具
網頁文件多起來之後,每次都在網頁端上傳不僅慢,還容易卡死。 這裡推薦兩款神器,讓你像管理本地硬盤一樣管理 COS。
1. 官方神器:COSBrowser
去騰訊雲官網下載
COSBrowser
客戶端(支持 Windows/Mac)。
登錄時需要用到 SecretId 和 SecretKey(在騰訊雲控制台右上角「訪問管理 -> 訪問密鑰」中創建)。
登錄後,你會看到一個類似網盤的界面,支持文件夾批量上傳、下載、同步,速度極快。
2. 圖床最佳伴侶:PicGo
如果你平時寫 Markdown 筆記或博客,可以下載
PicGo
軟件,配置好騰訊雲 COS 插件。
此後,你只需要在電腦上截圖,按一下快捷鍵,圖片就會自動上傳到 COS,並自動在你的剪貼板生成一段
！ [Image] (https://...)
的 Markdown 代碼,簡直是創作者的福音。
總結
利用騰訊雲 COS 玩轉靜態網站和存儲,核心就三步:
建桶(公有讀)-> 傳文件並開託管 -> 開白名單防盜鏈
。 搞定這三步,你就擁有了一個高可用、極速且近乎免費的雲端網站空間。 只要保護好你的訪問密鑰(SecretKey),哪怕遭遇突發的大流量,防盜鏈也能幫你死死守住錢包的防線。
