【手把手教学】利用七牛云免费CDN服务为自己网站启用图片CDN加速

效果图

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/月相关推荐

如何利用七牛云在线存储图片
平时写学习笔记和博客文章的时候早已习惯了使用 Markdown 记录,各种方便,但图片的保存和展示成了一个比较关键的问题,虽然可以使用本地相对路径显示图片,但也很不方便,总不能一直是单机版吧.七牛云是 ...
七牛云免费对象存储，并绑定到cloudreve中
之前开通了腾讯云的对象存储COS并使用中,不过之前主要将它当作云盘使用,这两天再做博客系统时发现也可以将它作为网站的图库,这样对网站的访问效率也会提高. 今天了解到七牛云有免费的对象存储可以使用,于是 ...
七牛云智能多媒体服务 Dora，让用户获得更好的音视频体验
短视频刷了一条一条叕亿条,在「根本停不下」的过程中,你有没有想过这样一个问题:为什么不同的 UP 主,不同的视频,不同的设备,不同的环境,呈现出的音量却是相同的?原本高低起伏的音量,是如何被摆平的呢? ...
利用七牛云如何上传图片制作外链？
七牛云网站地址:https://portal.qiniu.com/signin 一:为什么要用七牛云制作图片外链? 外链简单的说就是网站外部的链接即一个网站的外部所有指向该网站的链接,不管是锚文字链接 ...
jsp使用七牛云API和webuploader上传多组图片
文章目录 jsp使用七牛云API和webuploader上传多组图片介绍目录树遇到的问题上传组件的选择问题进度条多线程前端界面数据库关键代码 UserPhotoDaoImpl Upl ...
php利用七牛云的对象存储完成图片上传-高效管理图片(用php搭建一个自己的图床) nice！！！
在搭建个人博客时,大家都会买一台云服务器.可是图片的存放一直是一个问题,这里分享一个免费的第三方平台对象存储-七牛云.大家可以把图片上传到七牛云的对象存储,大大节约服务器的压力. 首先,大家在使用七牛 ...
架构师小跟班：教你从零开始申请和配置七牛云免费OSS对象存储（不能再详细了）
背景之前为了练习Linux系统使用,在阿里云上低价买了一台服务器(网站首页有活动链接,传送门),心里想反正闲着也是闲着,就放了一个网站上去.现在随着数据越来越多,服务器空间越来越吃紧,我就考虑使用七 ...
架构师小跟班：教你从零开始申请和配置七牛云免费OSS对象存储（不能再详细了）...
背景之前为了练习Linux系统使用,在阿里云上低价买了一台服务器(网站首页有活动链接,传送门),心里想反正闲着也是闲着,就放了一个网站上去.现在随着数据越来越多,服务器空间越来越吃紧,我就考虑使用七 ...
七牛云内容审核服务被选为「上海首批人工智能创新产品」
近日,上海人工智能应用场景建设实施计划正式发布,这是全国首次面向人工智能应用场景需求的征集计划.上海 10 大人工智能应用场景.19 个具体点位需求和 60 个人工智能创新产品集中首发,其中,上海七牛 ...

【手把手教学】利用七牛云免费CDN服务为自己网站启用图片CDN加速 - 免费版10G/月

效果图

前言

目标

步骤

官方答案

【手把手教学】利用七牛云免费CDN服务为自己网站启用图片CDN加速 - 免费版10G/月相关推荐

最新文章

热门文章