效果圖
A) 我的網(wǎng)站原圖：? ? ? ?http://assets.xxx.com/assets/img/banner.jpg
B) 七牛CDN圖片外鏈：http://cdn.xxx.com/assets/img/banner.jpg
（其中B指向七牛的個(gè)人存儲(chǔ)空間的同路徑文件C，如果C不存在或過(guò)期，七牛就會(huì)自動(dòng)向A取圖）
前言
七牛的CDN與傳統(tǒng)的CDN思路一樣，例如免費(fèi)的cloudflare、收費(fèi)的Amazon CloudFront；
七牛云CDN免費(fèi)版有10G/月流量，夠用了，在國(guó)內(nèi)又快，推薦使用~
七牛云的收費(fèi)版：
價(jià)格 | CDN - 七牛云https://www.qiniu.com/prices/qcdn
注冊(cè)地址（包含優(yōu)惠信息）：
七牛云CDN 優(yōu)惠專場(chǎng)CDN注冊(cè)享免費(fèi)https://s.qiniu.com/qy6Fn2
目標(biāo)
我的網(wǎng)頁(yè) http://xx.com/home/
<div class="productImg">
<img alt="站長(zhǎng)福利" src="http://cdn.xx.com/assets/img/abc.jpg" />
</div>圖片來(lái)自于我的網(wǎng)站本地文件：?http://assets.xx.com/assets/img/abc.jpg
無(wú)需手動(dòng)上傳圖片到七牛云，全自動(dòng)獲取源文件、自動(dòng)更新、響應(yīng)。
視頻mp4、css、js等都適用。
步驟
- 注冊(cè)七牛云?七牛云 - 國(guó)內(nèi)領(lǐng)先的企業(yè)級(jí)云服務(wù)商七牛云（隸屬于上海七牛信息技術(shù)有限公司）是國(guó)內(nèi)知名的云計(jì)算及數(shù)據(jù)服務(wù)提供商， 七牛云持續(xù)在海量文件存儲(chǔ)、CDN 內(nèi)容分發(fā)、視頻點(diǎn)播、互動(dòng)直播及大規(guī)模異構(gòu)數(shù)據(jù)的智能分析與處理等領(lǐng)域的核心技術(shù)進(jìn)行深度投入，致力于以數(shù)據(jù)科技全面驅(qū)動(dòng)數(shù)字化未來(lái)，賦能各行各業(yè)全面進(jìn)入數(shù)據(jù)時(shí)代。https://s.qiniu.com/mQr6Fv
- 登錄、實(shí)名驗(yàn)證
- 你的域名xx.com 做好備案
- 準(zhǔn)備好兩個(gè)子域名：
1）cdn.xx.com （先不用解析，放著，作為對(duì)外的圖片外鏈）
2）assets.xx.com? （解析到自己服務(wù)器，并且能正確展示圖片）
http://assets.xx.com/assets/img/abc.jpg?可正常訪問(wèn)
? - 開(kāi)始配置七牛云CDN，主要內(nèi)容是：
1）創(chuàng)建存儲(chǔ)空間
2）給存儲(chǔ)空間綁定一個(gè)“自定義 CDN 加速域名”（cdn.xx.com），會(huì)相對(duì)應(yīng)產(chǎn)生一個(gè)七牛的cname值
3）給cdn.xx.com通過(guò)cname方法解析到上述的cname值
4）檢查http://cdn.xx.com是否可訪問(wèn)，例如以下內(nèi)容代表已經(jīng)可到達(dá)七牛：
? ? ??{"error":"Document not found"}
5）設(shè)置存儲(chǔ)空間的鏡像回源信息，定義從哪里讀取源文件
6）搞定，主要順序已打通
下面是具體步驟。 - 創(chuàng)建存儲(chǔ)空間，https://portal.qiniu.com/kodo/bucket
? - 給存儲(chǔ)空間綁定外鏈的域名（cdn.xx.com），會(huì)相對(duì)應(yīng)產(chǎn)生一個(gè)七牛的cname值
? - 給cdn.xx.com通過(guò)cname方法解析到上述的cname值
- 檢查http://cdn.xx.com是否可訪問(wèn)
? - 設(shè)置存儲(chǔ)空間的鏡像回源信息，定義從哪里讀取源文件
- 搞定了！
- 再優(yōu)化下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> - 搞定主要部分！設(shè)定如下：
源文件 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 - 優(yōu)化CDN設(shè)置，開(kāi)啟“Referer 防盜鏈設(shè)置”，防止站外流量訪問(wèn)
- 完成，再次感謝七牛云
- 關(guān)于HTTPS證書的問(wèn)題，參考以下：
開(kāi)啟七牛云CDN免費(fèi)HTTPS支持https://rudon.blog.csdn.net/article/details/123020198
?
?
?
?
?
?
七牛云 - 國(guó)內(nèi)領(lǐng)先的企業(yè)級(jí)云服務(wù)商 - 用戶注冊(cè)七牛云（隸屬于上海七牛信息技術(shù)有限公司）是國(guó)內(nèi)知名的云計(jì)算及數(shù)據(jù)服務(wù)提供商， 七牛云持續(xù)在海量文件存儲(chǔ)、CDN 內(nèi)容分發(fā)、視頻點(diǎn)播、互動(dòng)直播及大規(guī)模異構(gòu)數(shù)據(jù)的智能分析與處理等領(lǐng)域的核心技術(shù)進(jìn)行深度投入，致力于以數(shù)據(jù)科技全面驅(qū)動(dòng)數(shù)字化未來(lái)，賦能各行各業(yè)全面進(jìn)入數(shù)據(jù)時(shí)代。https://s.qiniu.com/mQr6Fv
官方答案
鏡像回源_使用指南_對(duì)象存儲(chǔ) - 七牛開(kāi)發(fā)者中心鏡像回源https://developer.qiniu.com/kodo/8611/dev-the-mirror-back-to-the-source文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-434786.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-434786.html
到了這里，關(guān)于【手把手教學(xué)】利用七牛云免費(fèi)CDN服務(wù)為自己網(wǎng)站啟用圖片CDN加速 - 免費(fèi)版10G/月的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
