效果圖

A) 我的網站原圖：? ? ? ?http://assets.xxx.com/assets/img/banner.jpg
B) 七牛CDN圖片外鏈：http://cdn.xxx.com/assets/img/banner.jpg
（其中B指向七牛的個人存儲空間的同路徑文件C，如果C不存在或過期，七牛就會自動向A取圖）

前言

七牛的CDN與傳統的CDN思路一樣，例如免費的cloudflare、收費的Amazon CloudFront；

七牛云CDN免費版有10G/月流量，夠用了，在國內又快，推薦使用~
七牛云的收費版：
價格 | CDN - 七牛云https://www.qiniu.com/prices/qcdn

注冊地址（包含優惠信息）：
七牛云CDN 優惠專場CDN注冊享免費https://s.qiniu.com/qy6Fn2

目標

我的網頁 http://xx.com/home/

<div class="productImg"><img alt="站長福利" src="http://cdn.xx.com/assets/img/abc.jpg" /> </div>

圖片來自于我的網站本地文件：?http://assets.xx.com/assets/img/abc.jpg

無需手動上傳圖片到七牛云，全自動獲取源文件、自動更新、響應。

視頻mp4、css、js等都適用。

步驟

注冊七牛云?七牛云 - 國內領先的企業級云服務商七牛云（隸屬于上海七牛信息技術有限公司）是國內知名的云計算及數據服務提供商， 七牛云持續在海量文件存儲、CDN 內容分發、視頻點播、互動直播及大規模異構數據的智能分析與處理等領域的核心技術進行深度投入，致力于以數據科技全面驅動數字化未來，賦能各行各業全面進入數據時代。https://s.qiniu.com/mQr6Fv

登錄、實名驗證

你的域名xx.com 做好備案

準備好兩個子域名：
1）cdn.xx.com （先不用解析，放著，作為對外的圖片外鏈）
2）assets.xx.com? （解析到自己服務器，并且能正確展示圖片）


http://assets.xx.com/assets/img/abc.jpg?可正常訪問



?

開始配置七牛云CDN，主要內容是：
1）創建存儲空間
2）給存儲空間綁定一個“自定義 CDN 加速域名”（cdn.xx.com），會相對應產生一個七牛的cname值
3）給cdn.xx.com通過cname方法解析到上述的cname值
4）檢查http://cdn.xx.com是否可訪問，例如以下內容代表已經可到達七牛：
? ? ??{"error":"Document not found"}
5）設置存儲空間的鏡像回源信息，定義從哪里讀取源文件
6）搞定，主要順序已打通

下面是具體步驟。

創建存儲空間，https://portal.qiniu.com/kodo/bucket


?

給存儲空間綁定外鏈的域名（cdn.xx.com），會相對應產生一個七牛的cname值









?

給cdn.xx.com通過cname方法解析到上述的cname值

檢查http://cdn.xx.com是否可訪問



?

設置存儲空間的鏡像回源信息，定義從哪里讀取源文件

搞定了！

再優化下404


我的404代碼： <div style="text-align: center; padding-top: 20px;"><h1 style="font-size: 120px; margin: 0;">404</h1><h3 style="font-size: 26px; margin: 0;">Not Found</h3><p style="font-size: 13px;">The resource requested could not be found on this server!</p > </div>

搞定主要部分！設定如下：
源文件 http://img.xx.com/assets/img/abc.jpg
CDN文件 http://cdn.xx.com/assets/img/abc.jpg

?

檢查cdn效果：

檢查cdn云端緩存好的文件

檢查cdn使用情況：
https://portal.qiniu.com/cdn/overview

優化CDN設置，開啟“Referer 防盜鏈設置”，防止站外流量訪問

完成，再次感謝七牛云

關于HTTPS證書的問題，參考以下：
開啟七牛云CDN免費HTTPS支持https://rudon.blog.csdn.net/article/details/123020198

?

?

?

?

?

?

七牛云 - 國內領先的企業級云服務商 - 用戶注冊七牛云（隸屬于上海七牛信息技術有限公司）是國內知名的云計算及數據服務提供商， 七牛云持續在海量文件存儲、CDN 內容分發、視頻點播、互動直播及大規模異構數據的智能分析與處理等領域的核心技術進行深度投入，致力于以數據科技全面驅動數字化未來，賦能各行各業全面進入數據時代。https://s.qiniu.com/mQr6Fv

官方答案

鏡像回源_使用指南_對象存儲 - 七牛開發者中心鏡像回源https://developer.qiniu.com/kodo/8611/dev-the-mirror-back-to-the-source

總結

以上是生活随笔為你收集整理的【手把手教学】利用七牛云免费CDN服务为自己网站启用图片CDN加速 - 免费版10G/月的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。