首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

这个cdn怎么配置,怎么用了图片都不显示啊

CDN(内容分发网络)是一种在世界各地的数据中心中缓存内容的网络,以便用户可以从离他们最近的服务器获取该内容。配置CDN通常包括将静态资源上传到CDN,并将适当的缓存策略设置为正确的设置。这里有一个针对WordPress网站示例的CDN和缓存设置指南:

  1. 注册/登录一个CDN提供商(例如,腾讯云、阿里云CDN)并创建一个新的CDN加速域名。
  2. 在CDN提供商的管理控制台中找到创建的加速域名,并进入CDN配置页面。
  3. 将加速域名指向你的服务器IP(如果是中国大陆地域的服务器,需要添加CNAME记录指向CDN加速域名)。
  4. 配置源站回源策略(可以根据需要选择合适的配置)。
  5. 配置缓存策略,包括静态资源类型、过期时间和缓存目录。
  6. 检查CDN加速域名是否创建成功,确保资源可以正常进行加速。

如果仍然无法正常显示图片,可能需要进一步调试CDN配置,以确定缓存是否已经正确的设置。可能需要添加一些日志来了解是否已经在CDN上缓存了这些资源。此外,可以查看源站服务器上的日志以确保不存在问题,例如检查是否正确设置了防盗链等安全策略。如果仍然无法解决问题,可能需要更深入调查CDN提供商的支持。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

搭建自己的图床

搭建自己的图床 前言 没听过图床这个词的人应该挺多的吧,毕竟平时也不怎么会用到,第一次听到图床这个概念是一位朋友跟我提起的,他平时比较喜欢写技术文章,在一次日常的商业互吹中,他鼓励我也一起写文章,我觉得很...图床的意义 减轻服务器带宽压力:图片资源可以由单独的服务器来存储、访问,例如腾讯云的COS、阿里云的OSS、七牛云等产品。 提供CDN加速:可以通过CDN的就近访问原则加快图片的访问速度。...(后来试了一下github感觉也挺快的,差别并不明显,应该是使用了jsdelivr CDN的缘故) 创建图片仓库 ?...安装完成后终于在PicGo的插件设置中找到了gitee插件,我啪的一下点击了安装,很快。(如果一直显示安装中,需要退出PicGo然后以管理员身份打开) ?...配置gitee仓库 插件安装完成后需要重启PicGo才能看到gitee的图床配置选项,填入gitee配置信息后点击确定,然后设置为默认图床,如下图 ?

8.6K52

WordPress 使用火山引擎 veImageX 进行静态资源 CDN 加速完全指南

然后还可以设置文章中图片的尺寸,比如上图中设置为600,那么文章中图片最大图片宽度为 1200(2倍高清图显示),超过的图片会被缩放到 1200 宽度,这样就不怕大图花费 CDN 流量了,这个建议根据前端网页的宽度来设置...这个删除本地图片的操作就造成迁移的时候产生了两种情况,大家根据自己的情况来选择操作: 第一种,图片在自己的服务器还有保留:这种情况迁移非常简单,CDN 域名都不需要换。...veImageX 的空间的文件列表由于缓存而造成显示延迟,这个并不会影响图片和其他静态资源的加速和使用,所以无需太过担心,正确的检测 CDN 加速成功,还是使用前面的方法:查看文件的响应标头是否有veImageX...这里在特别分享一个案例,有些用户使用了 CDN 加速之后,发现图片都没有显示,后面过了一段时间才显示,并且还造成网站更慢。...为什么网站上的小图标显示成空方格? 首先说明一下,这些小图标不是图片,而是图标字体,所以这是因为当前 WordPress 的主题是使用了字体图标,而字体由于造成的 CORS 资源跨域问题。

2.8K40
  • Hexo-neat插件优化提升访问效率

    问:那么怎么提高hexo这个静态博客的页面加载速度呢?...1,尽量避免去引用访问速度非常低下的cdn或者图片,可以改用访问速度更快的cdn,或者将难以迅速加载的图片保存到自己的站点目录下,以免在加载图片时耗费了大量的时间,最后还加载不出来。...2,Github配置cdn和私人picGo图床教程 3,对页面的静态资源进行压缩,包括css、js和html等文件。...问:我是怎么发现的呢? 答:这在sakura主题中,原作者的source\links\index.md中就用了颜文字<( ̄︶ ̄),微微一笑,挖坑,这里补坑了。...的需要单独列出来(这里引用了fancybox图片弹窗效果,从压缩名单里单独剔除) 4,深目录的,需要单独列出来:(这里我引用了live2d看板娘的动画) 单用*/.min.js深目录跳过已压缩文件不行

    2K20

    开启CDN怎么防止流量被恶意盗刷

    好久不见,我想每个站长都会接触或者使用网站的CDN加速功能,我也是,我一直都在用CDN加速功能,从最初的百度CDN到目前在用的腾讯云CDN,感觉很实用,尤其是初期阶段服务器配置较低的情况下,CDN真的可以启用很大的作用...,但是每个博客程序的配置方案不同,我也写过一篇《zblog怎么设置腾讯云的CDN缓存》的文章,当然今天这些都不是重点,重点是怎么防止被恶意盗刷,看图: 这是我半个月的CDN流量,不知道怎么回事,自从4月初开始...image.png 哎呀,真是不知道是高兴还是悲催,难理解,百度统计就算了,不控制了,爱怎么刷就怎么刷吧,但是CDN不可以,烧钱,亲,所以得去控制下,我们打开腾讯云CDN(我目前在用,以此为例):...登录腾讯云后台,找到内容分发网络 CDN ,点击左侧菜单的域名管理,找到在用的域名管理,进入CDN设置,点击“高级配置”功能,如图: 我们点击配置状态的编辑,然后在弹出的对话框内选择配置类型和流量阀值...这个流量阈值根据网站实际情况去设置,比如您的网站流量本身就很大,那么你按照我的设置就可能导致网站超出就回源了,回源应该明白吗就是直接访问源站点。

    3.4K30

    使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床

    今天来聊聊怎么搭建可靠的图床吧~ 为什么会产生这个需求呢?...即使简书一直维持现状,但万一哪天它不高兴了,做了个外链防盗(图片外链只能在本站显示),那同样会遇到上面的问题。 比如小编之前放在简书上的文章,复制到csdn上后。不知道怎么回事: ? 说多了都是泪。...这绝对够用了,不够就再建一个共有仓呗。最重要的还是免费,配合CDN加速,访问也不成问题。嗯,就微软爸爸了! ? 工具选择 选择一个本地的上传工具是为了方便我们快速上传图片,获得图片外链。...注意:创建成功后,会生成一串token,这串token之后不会再显示,所以第一次看到的时候,可以用个小本本保存起来哦,忘记了只有重新生成,每次都不一样。...这里为了使用CDN加快图片的访问速度,自定义域名我们按照这样去填写: https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名 比如我的是: https://cdn.jsdelivr.net

    6.1K10

    一个故事,为你理清云开发服务的选择思路

    比如让用户上传图片、音频、视频之类的蛋先生:那就可以使用【云存储】了丹尼尔:哦,我需要做些什么呢?...蛋先生:你只需要在你的应用中使用云存储的 SDK,或者直接调用他们提供的 HTTP API,就能轻松地将文件上传到云端存储空间丹尼尔:听起来很简单蛋先生:最棒的是,云存储默认支持 CDN 加速,并且会提供一个免费的...蛋先生:只需要在平台上做一些配置,然后调用相应的 SDK 就行了丹尼尔:真嘟假嘟?能详细说说怎么操作吗?蛋先生:你可以参考这个【官方文档】,上面有详细的介绍丹尼尔:好的,我马上记下来!...那我需要怎么做呢?蛋先生:很简单,你只需要通过可视化的方式进行流程节点的编排。这样,你就不需要手动编写大量的业务逻辑代码,通过拖拽和配置节点就能实现你的需求丹尼尔:哇,这听起来效率很高!...现在你只需要提供提示词,当然也可以添加自己的知识库,然后就可以通过 SDK 调用了丹尼尔:哇,听起来好方便!蛋先生:不仅如此,它还提供了一个 Agent UI。

    1300

    左右互博:站在攻击者的角度来做防护

    你想想如果,cdn上面的邮箱和密码被泄漏出去了,别人给你改改,你的站点就死活打不开了,前面的一切就白费了。 看到没,qq邮箱,是不是可以对这个邮箱进行社工?...手气好说不定就搞定了这个密码。 这个是咱们的,已经改了个昵称了,默认是显示邮箱的。...由于业务需要的原因,某重要子域需要关闭CDN上的云防护。即第一层的防护,这其实是很危险的,但业务的需要也是没办法的,首先要保障的是可用,如果都不用了,还谈什么安全了?...因为使用了cdn,攻击者的真实ip放在x-forwarded-for,通过这个找到了攻击者所在的单位。...百度一下 高大上!有时间研究下这款工具。这个VoIP攻击,国内确实很少有人去研究都没怎么听说过。 案例五:这个是bash漏洞么?

    1.5K90

    CDN加速技术,作为开发的我们真的不需要懂吗?

    于架构图我们可以看出,我们现在使用了分布式缓存来加速动态请求的各种数据,但是,我们的系统中其实还有很多的静态资源的,并且请求量也是超级大的。例如: 移动端APP,有很多的图片,小视频以及流媒体等。...答案肯定是不行的,因为: 图片或者视频文件大小都不小,在几兆到几百兆之间。...,现在假如让你来配置cdn和排查CDN问题,你可能就会因为自身技术壁垒而感到束手无策。...假设我们的一级域名为 a.com ,那么我们就可以将图片服务域名定义为“img.a.com”,然后将这个域名的解析结果配置CDN提供的域名上。...例如,ucoud提供一个这样的域名“78f98.cdn.ucloud.com.cn”,我们的系统图片地址是这个样子"img.a.com/100.jpg"。

    2.4K30

    渗透网络投票系统解析投票骗局

    无意中发现微信等了的配置和投票的一样,而且在支付接口发现了mysql的配置,这儿的配置和本机的不符,按理说应该是生产环境的配置。...投票服务器是百度云加速的cdn,现在不知道IP。just-ping nlookup能试的都试了,都显示的百度云加速的IP,各种字符注入都直接被云加速拦截了,没拦截的也被安全狗拦截了。...支付成功的订单超过了3万条( 欸,可悲,平常劝他们不要去这些骗局都不信) ? 直杀admin表,考都不用考虑了直接替换md5密码,还好之前看了代码是密码+字符串生成md5的,不然怎么改都登不进去。...替换好密码直接进后台,不要问我怎么知道后台的,源码一看几根毛都能看清。 ?...一次性生成全国各地的投票网站,nnd真tm全自动赚钱机器,其他的也就什么都没干了,垃圾程序都懒得下载了,懒得浪费我的128的硬盘。 骗子!可恨

    2.5K80

    做一个桌面版的看板娘真的不尽人意

    这篇文章,我现在回头看2021-02-20我都不知道我在写啥 所以有问题还请多包涵 前言 一切的一切只能从一只蝙蝠开始说起。...) https://moedog.org/946.html 这是从上面三行源代码得出的源文件 image.png 我们可以根据这个来找我们需要的东西 二千年がたつ… …(GitHub好慢,虽然开了梯子会快一些...,但是下载时候我懒) image.png 趁时间不注意,我去阿里云开一个api.xiaolfeng.xyz来 (其实呢并没有什么用,如果搭建在本地也可以执行,如果直接调用这个连接,你们就可以直接用,不用我下面的麻烦的配置...我是做HTML的 算了,我放弃了,我决定用我服务器创建一个网站用PHP来尝试,如果PHP尝试成功再转换为HTML进行尝试= = 我告诉你我难死了 image.png 现象和现实是多么残酷的一件事情...,你看看这是人做的事情么 image.png 目前,我已经修改了waifu-tip.js,live2d.min.js,然后waifu.css是不用修改的,这个只是让他显示的位置和美化用的,并没有什么实际上大意义

    1.8K10

    关于图片或者文件在数据库的存储方式归纳

    mysql中blob字段存储图片有个通信大小的设置: 图片要传输给mysql存储起来,那么需要涉及到数据通信。mysql中有个配置是限制通信数据大小的。...my.conf配置文件中的max_allowed_packet,mysql默认的值是1M。 好多图片尤其是原始图可能不止1m。传输的数据(也就是图片)超过这个设置大小。结果就会出错 呵呵,限制挺多。...这是利用了php的页面执行速度快的一个优势。 备份图片数据和迁移数据方便 图片以二进制形式存储在数据库,有一个好处:备份的时候方便。直接备份数据库,图片也跟着备份。换句话说,迁移环境的时候是方便。...速度怎么都快不起来。跟服务器性能完全没关系。当时不懂这些。不清楚怎么折腾。看那本《前端优化技巧》,想办法去做js代码压缩,浏览器缓存之类的。实际上瞎折腾。...那这个时候你就没有经验可以参考或者直接拿来使用。只有自己参考一些思路去创造技术了。 三、关于图片进行云存储(cdn加速) 曾经看过这个这个是比较适合创业公司的。

    9.6K20

    关于网页性能优化的问题

    体验非常不好,后来把数据库查询和后端代码优化了一下,服务器配置搞了一下速度提升了不少。 但是还是会慢~ 可见这方面还是需要下功夫。...GTmetrix 图片,我首页加载慢很大一个问题就是图片,给图片加了个预加载显示,还有就是首页的文章封面图全是css设置宽高(唉,太傻了),上传的时候没处理,导致首页那么一张小图片可能是1920*1080...然后就是把图片用画图工具全改成了指定宽高,以后上传的时候先把图片改好再上传就好了,这样改完瞬间快了一点~。 但是还没完。。根据GTmetrix上显示的挖槽。哈哈哈(太烂了)。...然后还有改就是缓存了,js、css太多图片太多,浏览器缓存还是需要的(??)。 最后就是网站压缩和使用CDN 了。 目前把图片处理了,感觉速度还过得去吧,代码能优化的我也尽力。...至于像资源服务器,也用不着买吧,图片视屏啥的都是直接放服务器本地 这个46.8s真是....... image.png image.png image.png image.png

    67020

    wordpress网站加速,学会这招加载速度迅速提升5倍

    1、首先建议安装缓存插件,或者是开启memcached缓存,这个在前2篇文章中已经介绍了,此处省略,可以回看wordpress建站吧关于memcached缓存配置方法。...2、使用CDN加速,之前对cdn的加速效果并不太清楚,所以我们很多人并不太在意,但是因为一般外贸网站等首页图片非常多,一个网页打开大约2-5M的大小,总体比较大,但是我们的服务器大部分人使用的估计是1Mbps...也就是理论最快的打开速度为24s,因此无论怎么优化缓存等都不好使,首次打开没有浏览器缓存的情况下必然是大于24s的,但是使用了cdn之后,会突破这个服务器1Mbps带宽的限制,因为静态资源如图片,css...,js等都是通过cdn了,而cdn一般是按照流量付费,不会限制使用带宽的,因此提升空间会非常明显,这个时候很大程度上取决于用户的网上带宽了。...本人亲测,在使用了CDN加速之后,原本打开时间25S左右的网站,目前基本在5s以内可以正常打开加载完成,一般来说大部分网站打开速度集中在3-5s的比较普遍也是用户基本能接受的范围。

    2.1K40

    wordpress网站提速优化方案-加载速度提升5倍以上

    1、首先建议安装缓存插件,或者是开启memcached缓存,这个在前2篇文章中已经介绍了,此处省略,可以回看wordpress建站吧关于memcached缓存配置方法。...2、使用CDN加速,之前对cdn的加速效果并不太清楚,所以我们很多人并不太在意,但是因为一般外贸网站等首页图片非常多,一个网页打开大约2-5M的大小,总体比较大,但是我们的服务器大部分人使用的估计是1Mbps...也就是理论最快的打开速度为24s,因此无论怎么优化缓存等都不好使,首次打开没有浏览器缓存的情况下必然是大于24s的,但是使用了cdn之后,会突破这个服务器1Mbps带宽的限制,因为静态资源如图片,css...,js等都是通过cdn了,而cdn一般是按照流量付费,不会限制使用带宽的,因此提升空间会非常明显,这个时候很大程度上取决于用户的网上带宽了。...本人亲测,在使用了CDN加速之后,原本打开时间25S左右的网站,目前基本在5s以内可以正常打开加载完成,一般来说大部分网站打开速度集中在3-5s的比较普遍也是用户基本能接受的范围。

    1.8K10

    【前端探索】图片加载优化的最佳实践

    图片优化是最划算的工作 图片加载的优化,是前端性能优化中,最划算的一项工作,往往工作量和难度都不大,但却能给页面性能带来极大极大的提升。...分析下怎么优化 但图片优化的方法那么多,我们应该从哪里入手呢?...图片懒加载 vue-lazyload是目前用的比较多的一个库,单纯使用懒加载的功能,代码很简单,只需要在入口文件引入和使用,它还提供了更多的配置项可以按需选择。...CDN链接 我们可以对支持CDN图片域名,直接改成CDN域名,这样就不用逐个检查是否用了cdn链接了。...使用懒加载的注意点 懒加载,就是没显示在视口内的图片,先不加载。所以我们需要注意下,不需要加载的图片,不要让它出现在窗口内。

    65410

    Web服务器带宽的选择

    Web服务器带宽的选择当我们需要配置 Web 服务器,或是购买云服务器时,通常带宽选择上会带来一定的困惑,一般的云服务器基础配置都是 1Mbps 起步的带宽,根据实际需求最多可以加到 200Mbps 甚至更高...1M=1024/8=128kb/s(1Mbps = 1024Kbps = 1024/8KBps = 128KB/s)这个传输速度,看起来很慢,但实际上很多时候是够用的。...用户需接收图片,假设每秒下载一次图片大小为 10KB,那么可以同时承载 12.8 人。...当然,这个只是理论数据,用户的访问不可能那么均匀,也不可能每秒请求一次。怎么检测带宽够不够用?不同网站,页面大小和流量高峰期都不同,怎么计算 1M 的带宽够不够用呢?...(非视频音频图片类)来说,1M 的带宽肯定够用了

    6.3K50

    神经网络学习小记录-番外篇——常见问题汇总

    w、预测图片显示问题 x、算法评价问题(目标检测的map、PR曲线、Recall、Precision等) y、coco数据集训练问题 z、UP,怎么优化模型?...w、预测图片显示问题 x、算法评价问题(miou) y、UP,怎么优化模型?...有些论文还会使用多batch进行预测,我并没有去实现这个部分。 w、预测图片显示问题 问:为什么你的代码在预测完成后不显示图片?只是在命令行告诉我有什么目标。...有些论文还会使用多batch进行预测,我并没有去实现这个部分。 w、预测图片显示问题 问:为什么你的代码在预测完成后不显示图片?只是在命令行告诉我有什么目标。...y、UP,怎么优化模型?我想提升效果 问:up,怎么修改模型,我想发个小论文! 答:建议目标检测中的yolov4论文,作为一个大型调参现场非常有参考意义,使用了很多tricks。

    1.7K10

    前端-学习JavaScript是一种什么样的体验?

    你知道的,现在是 2016 年,你怎么能不使用 ES2016+ 的语法呢?ES2016+ 多么酷。 ES5 是啥?ES2016+ 又是啥?我有点晕。 ES5 就是 ECMAScript 5。...就像一个 CDN 么? 不太一样。它更像是一个数据库,每个人都能在上面发布代码,也能下载上面的代码。你可以在开发的时候将这些代码下载到本地来使用,必要的时候也能上传到 CDN。...既然我不能直接用 CDN,那么我应该怎么做? 我会考虑用 Webpack + SystemJS + Babel 来转译 Typescript。 Typescript?...这些东西看起来都不错,但是我觉得它们都太复杂,而且没必要。我只是想获取数据然后展示,我很确定这种情况下我不需要掌握这些知识。 回到 React 吧,用 React 我怎么从服务器获取数据?...额,React 没有提供这个功能,你只能用 React 展示数据。 服了。那我怎么获取数据? 你用 Fetch API 就可以了。 啥玩意?这个 API 的名字很烂。 我也觉得是

    1.1K30

    高速输出-我们戏说缓存

    怎么样讲好缓存这个话题,我思考了很久;如果是生搬硬套,我估计我肯定是凉凉,但要是上来就一顿代码操作,显得字太多,各位看官老爷也是要喷死我的(你们喷我算我赢)。各位看官就当故事随便看看就好了。...就好像,小明在上大学期间,每个月都是生活费的,但是到暑假的时候就没有了(只能靠苦逼的暑期工挣点生活费)。...代理缓存 Nginx 就是反向代理缓存,通过配置 Nginx 的缓存功能,在客户端请求到来到时候去加载缓存内容,用以提高响应能力,IIS 缓存又分为用户缓存和内核缓存。...CDN 缓存 CDN 缓存类似于上面提到的分布式缓存,但是实际上 CDN 缓存服务目前来说,主要说针对静态资源的,比如图片、视频、文件等等;大家经常可以看到,很多站点都号称提供了 CDN 加速服务,这些站点就像一个个代办信用卡的销售中介...更形象一些的说法,就是大家的钱都是中国人民银行发行的,我们可以通过各个不同的银行(CDN节点)查询我们的银行卡余额(我怎么可能有余额),在以前没有手机银行的时候,大家就可以到附近的银行去查询,然后取款(

    75550

    认识高性能Web缓存体系,你需要知道这些

    CDN关键技术 ? CDN关键技术,比如请求的调度,比如刚才的那种情况,IP地址不对怎么办,我还可以做第二次跳转,真正发起请求的时候,这个时候能获取到用户的真实IP。 反向代理缓存 ?...还有做页面组件CDN方式也有很多好处,你可以做到针对不同的资源,配置不同的Web服务器。举个例子,大图片和小图片的存储,性能调优,机器能一样吗?...不一样,这时候大图片,小图片就会使用不同的域名来处理这样的关系。然后在大图片集群下用什么技术,在小图片集群下用什么技术,都可以把它分开,这是页面静态化的案例。 页面静态化怎么生成呢?...而且Codis有一个Proce,这个Proce对于用户来说是拓扑的,连多Proce和连到Redis上是一样的,什么都不用改。 之前用的什么模块现在还用什么模块,什么都不用改。...MySQL也是一样的,对于运维来说改改配置文件就好了。但是你改配置文件之前要理解一下缓存是怎么用的,这是我们需要理解的。不是说改完配置文件缓存做完了,这是不行的。

    1.4K70
    领券