cdn 图片私有_教程篇 | 使用七牛云存储、CDN加速网站图片

野性酷女 2022-10-24 15:25 395阅读 0赞

![07661e4c2465ea252d80d647c696b705.gif][] 嗨，大家好，今天给大家分享的是 **使用七牛云等云服务商提供的对象存储服务，存储网站图片，并且可以cdn加速图片，让你的网页变得更快。** 首先给大家多多介绍一些有关的知识。 目前各大云服务商都提供了对象存储服务，如七牛云 QINIU、又拍云 USS、腾讯云 COS、阿里云 OSS 等。我们可以使用这些服务器来存储图片信息，并将其称为 **图床** 。图床之前也给大家介绍过。 **使用图床的好处有以下几点：**

*  可以减轻服务器的存储压力；
    
    如果你自己把需要的图片都上传到服务器，那么会占用比较大的存储空间，给服务器带来存储压力。
 *  减轻因为图片带来的额外的流量消耗；
 *  图床一般都是具有cdn加速的，可以让你的网页变得更快。
    
    把需要的图片上传到图床后，我们只需要图片的链接，就可以在网站后台编辑区使用，或者在markdown中直接使用图片，并且拥有专有的cdn加速，使读者可以更快的加载图片。

**常用的与存储服务费用对比：**   ![ff6cf5c64381b75d624679827a585650.png][] 七牛云是专业的云服务商，提供了比较完备的服务，免费额度足够个人博客使用；七牛云可以提供CDN加速，可以让你在浏览网页时最快接收页面中的图片、音频等文件，目前使用CDN加速网站已经是个人、企业在建站过程中必须考虑的事情了。 下面开始使用七牛云进行图片存储教程。

## **七牛云：** ##

#### **1.注册账号并实名认证：** ####

访问七牛云 **官网：** `https://portal.qiniu.com/signup` 注册后，在 **个人中心->个人信息** 中实名认证。

#### **2.新建存储空间：** ####

在产品主页点击 `对象存储` 的 `立即添加` ，新建存储空间。 ![451ab4ac36891c9a572500815f2cc3bf.png][]

*  存储空间名称：满足要求就行；
 *  存储区域：建议选择一个离你比较近的CDN；
 *  访问控制：必须选择公开空间，如果是私有，别人无法访问图片。

![be6ae61d658c6fb52d378c7e1d37d14c.png][] 进入新建的存储空间，点击右侧 `域名` ，绑定CDN加速的域名。 详细域名设置参数可以参见官方文档，网址： `https://developer.qiniu.com/fusion/manual/4939/the-domain-name-to-access` ![c6cfce4b29ed077b6ce05c5fc1663b13.png][]

*  域名类型：选择普通域名即可；
 *  加速域名：填写自己已经备案的二级域名；
 *  通信协议：选择HTTP，HTTPS是收费的；

其它默认。 ![6df39fe824d2f4c8fabd33a610a94530.png][] 添加加速域名后，七牛云会提供CNAME地址，如下。 我们需要在域名服务商，也就是域名控制台，添加这一条域名解析记录，把加速域名指向分配的CNAME地址。 ![39d592dca588e1f7d776a71c1e62c926.png][] 不知道怎么配置的可以参见七牛云官方文档 官方配置域名CNAME文档网址： `https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name` 或者点击如何配置也能跳转到。 ![bb80e9666dc7ff090406d5b413a7be2e.png][] 由于我的域名是阿里云的，所以我在阿里云域名控制台域名解析添加以下CNAME记录。 ![72ea033904f765457ba2d6e0843494cd.png][] 查看自己的加速域名，是否解析到CNAME值上 windows可以 `win+R` ，打开运行，输入cmd，输入命令 `nslookup 你的加速域名` 。 如果地址那里的CNAME值和自己申请的一样，那么就成功了。 ![943cc5d61f20ad519a673590500d6696.png][]

#### **3.上传文件：** ####

上传文件很简单，进入空间，文件管理，上传文件即可。 ![eb309f4ef42d61dc192757fee7cde25c.png][] 上传后的图片文件可以复制链接，就可以使用在markdown或者网站中了，并且文件还带有七牛云CDN加速。 ![281b844c7475167c444b0b31645715c6.png][] 但是我在使用过程中也发现了文件管理的一点小缺点，就是无法在线创建文件夹，这样对图片的分类很乱，不过也有解决办法，就是在上传到七牛云前在本地就创建好文件夹，上传时候直接上传文件夹即可。 欧克，那本次分享就到此为止了，七牛云我其实已经配置成功好多天了，就是自己太忙没时间写教程，这两天看到就赶紧写了，要不然再拖就忘了。 **那觉得有帮助的话记得打卡支持一下小e哦！！！**

**·end·**

**管家小e**

你身边的电脑管家

![e85435db1642e92eaf2154e6122e7156.gif][]

微信号：guanjiaxiao\_e

[07661e4c2465ea252d80d647c696b705.gif]: /images/20221024/16e433b83122440ab8eda3638634d30b.png
[ff6cf5c64381b75d624679827a585650.png]: /images/20221024/c324fa49872c49c58dcc0925251ca8f6.png
[451ab4ac36891c9a572500815f2cc3bf.png]: /images/20221024/ed4f8bd928e24550ab3b5af6681c5baf.png
[be6ae61d658c6fb52d378c7e1d37d14c.png]: https://img-blog.csdnimg.cn/img_convert/be6ae61d658c6fb52d378c7e1d37d14c.png
[c6cfce4b29ed077b6ce05c5fc1663b13.png]: /images/20221024/e5648618d8574530ac7c5b49840092d6.png
[6df39fe824d2f4c8fabd33a610a94530.png]: https://img-blog.csdnimg.cn/img_convert/6df39fe824d2f4c8fabd33a610a94530.png
[39d592dca588e1f7d776a71c1e62c926.png]: https://img-blog.csdnimg.cn/img_convert/39d592dca588e1f7d776a71c1e62c926.png
[bb80e9666dc7ff090406d5b413a7be2e.png]: https://img-blog.csdnimg.cn/img_convert/bb80e9666dc7ff090406d5b413a7be2e.png
[72ea033904f765457ba2d6e0843494cd.png]: https://img-blog.csdnimg.cn/img_convert/72ea033904f765457ba2d6e0843494cd.png
[943cc5d61f20ad519a673590500d6696.png]: /images/20221024/1f17650fc3284b78a56a5d276ed2b950.png
[eb309f4ef42d61dc192757fee7cde25c.png]: https://img-blog.csdnimg.cn/img_convert/eb309f4ef42d61dc192757fee7cde25c.png
[281b844c7475167c444b0b31645715c6.png]: /images/20221024/40a9761bd25f4b7da39657be7bd145ae.png
[e85435db1642e92eaf2154e6122e7156.gif]: /images/20221024/cacc721c28104659a0e820a0aad3ece3.png