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

用了CDN我的图标不能显示求原因附图

CDN(内容分发网络)是一种加速网站加载速度的技术,可以将网站的静态资源(如图片、CSS、JavaScript文件)缓存到全球各地的CDN节点,从而加快静态资源的加载速度。如果您的图标在使用了CDN后不能正常显示,可能有以下几个原因:

  1. 图标路径错误:CDN上的文件路径设置不正确,导致图标无法加载。需要检查CDN的配置文件,确保图标路径设置正确。
  2. 缓存问题:CDN会自动缓存网站的静态资源,但如果缓存设置不正确,可能会导致图标无法显示。需要检查CDN的缓存规则,确保图标文件被正确缓存。
  3. 文件大小限制:CDN对于每个域名的静态资源大小有上限限制,如果您的图标文件太大,可能会超出限制,导致图标无法显示。需要压缩图标文件的大小,或者联系CDN提供商提高文件大小的上限。
  4. 跨域问题:如果您的网站使用了CORS(跨域资源共享),而CDN没有启用CORS支持,那么图标可能无法加载。需要联系CDN提供商启用CORS支持,或者修改网站的CORS配置。

如果您能提供更多详细的错误信息,我会更乐意帮助您解决问题。

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

相关·内容

手把手教你写专利申请书如何申请专利

并不建议你这么做,原因是各种各样专利多如牛毛——如果你要那么做,会耗去你不少时间——当然,如果你时间和精力特别的多,加之你English足够好,多查询多搜索也是百利而无一害。...7、除外观专利外,发明和实用新型专利中附图必须为黑色,不能为灰度或彩色。 8、补正书为今后备用,因为国家专利审查员发现你提交专利时存在缺陷需要补正时方填写此文档。...应提供一至几篇在作用、目的及结构方面与本发明密切相关对比资料,简述其主要结构或组成或工艺等技术构成,必要时可借助附图加以说明,并客观地指出其不足之处及其原因,为了方便专利审查专家们更方便审核你专利...附图标记当使用阿拉伯数字编号,申请文件中表示同一组成部分附图标记应当一致。但并不要求每一幅图中附图标记连续,说明书文字部分中未提及附图标记不得在附图中出现。 c....有多幅附图时,各幅图中同一零部件应使用相同附图标记。 为了做到b,c两点,建议是: 给每个不同部件,取一个标记,按数字序号分别取名。如果你附图较多,而且各附图中部件很多。

1.3K20

Markdown语法与外挂标签写法汇总

2. 2.x 版本 css 和 js 不适用于 3.x 版本,如果使用了 `use_cdn: true` 则需要删除。...2.x 版本 css 和 js 不适用于 3.x 版本,如果使用了 use_cdn: true 则需要删除。 2.x 版本 fancybox 标签在 3.x 版本中被重命名为 gallery 。.../gh/fomalhaut1998/cdn-assets/qrcode/heartmate_lite.png'> {% endbtns %} 1.如果需要显示类似「团队成员」之类一组含有头像链接...区域内部分显示,区域外隐藏。","#868fd7" %}属性。这些对来说很新颖概念狠狠冲击着以前积累起来设计思路。...区域内部分显示,区域外隐藏。属性。这些对来说很新颖概念狠狠冲击着以前积累起来设计思路。

1.6K10

想有自己博客吗?浏览器支持 MarkDown和语法高亮最简单示例(使用markdown-it、highlight.js和mermaid)

写作也是一种很重要能力,需要长久坚持和锻炼。 写作能力重不重要?语文重不重要?读书重不重要? 觉得语文和写作能力是所有能力基础,是重中之重。...使用了流行markdown-it(MarkDown渲染),highlight.js(语法高亮)和mermaid.js(画流程图、时序图等js库)组件。...先看一个个人博客截图,后续准备开源出来,没使用数据库,只使用md文件和配置文件就完成了所有功能。...且前台如果有新评论或留言,会自动推送到我公众号里。 ? ? ? ? 附图,测试demo浏览器显示出来效果: ? ? 附个人markdown博客截图,使用go语言加mardown实现。.../jquery/3.5.0/jquery.min.js"> <script src="https://<em>cdn</em>.jsdelivr.net/gh/highlightjs/<em>cdn</em>-release

95020

Hexo相关

/gh/weilain/cdn-photo/js/jquery.min.js"> 解决了遇到问题!...将鼠标下拉会看到刚才你添加样式。 ### 引入字体及样式 引入字体样式其实就是把刚才链接引入到博客中,可以直接使用阿里链接,也可以下载下来。为了方便方便修改,建议下载下来放到本地。...: https://www.bilibili.com ### 个人信息栏图标–svg 方式 svg 也称多色图标,由于不是通过类名,而是使用了 svg 标签,因此需要通过脚本方式动态插入。...只要你想使用阿里图标,必须改变其标签字体为 `iconfont`, 接下来可以用伪类方式,也可以使用 class 方式。 文章中使用 svg 也很简单,首先需要确保全局引用了 js。...修改图标大小及颜色 图标显示 (无效果) 这种原因很多种,但如果你稍有常识就不会遇到. 不知道在哪改 在你创建 css 文件中.

1.5K20

这篇 iTerm2 + Oh My Zsh 教程手把手让你成为这条街最靓

iTerm2 官网 符合国外网站一向极简风格(又不是不能用,搞那么花里胡哨干嘛)。 直接下载,解压,拖入 Application 里就 ok 了。打开看看。...POWERLEVEL9K_VCS_GIT_GITHUB_ICON 如果它是一个 Github 目录,就会显示这个图标: 所以出现在窗口里图标都可以自定义,可以通过命令查看目前正在使用图标: get_icon_names...比如,想修改 Git 图标: 找到喜欢图标之后,右下角 f113 就是这个图标的值,只需要这样就了: POWERLEVEL9K_VCS_GIT_GITHUB_ICON=$'\uf113' 快造作起来...命令,提高开发效率: 用了插件之前 git 命令 用了插件之后 git 命令 git add --all gaa git branch -D gbD git commit -a -m gcam git...就只用了以上几个插件,已经能够大幅度提升工作效率了,如果有其它好用插件,一定要告诉呀。

5.8K42

docsify快速入门

当然,它是专门针对文档,忽然想到了程序员深恶痛绝就是写API文档…… docsify特性很多,最吸引是全文搜索、主题简洁好看、无需构建纯静态站点。...常用配置 站点标题、图标 站点标题需要修改index.html里title标签: 1 Java-Note 站点图标要在index.html添加如下代码: 1 <link...显示在站点右上角,点击可跳转到对应地址。...此外,使用了无序列表或者有序列表数据是无法生成对应索引,也就是说搜索插件无法搜索到列表里数据。...(默认GitHub仓库创建是master分支),对于文档站点,建议直接使用docs目录来部署,这也是前文为什么建议用docs目录进行初始化原因

89110

Typecho部署腾讯CDN加速站点

目前将博客数据迁移到阿里云轻量云服务器,带宽5M是腾讯云带宽5倍。以前也开过CDN但由于各种原因关闭了。...缓存配置 腾讯CDN缓存优先级为底部优先,配置时请注意顺序,配置方案如图所示,仅供参考。 [缓存配置] 将上图中缓存配置规则整理为下表,可供复制。...各种静态文件css、js、图片、字体、图标缓存时间设置为30天。 为了加快首页访问速度,根据文章更新频率设置了6小时。...静态文件格式可以通过浏览器控制台查看,自己博客加载了那些本站静态资源,将格式加入缓存规则中,规则中已包含大部分静态文件格式。...[开启HTTPS] 注意事项 如果你站点开启了HTTPS并且启用了强制HTTPS,比如宝塔面板中SSL配置强制将HTTP重定向到HTTPS,回源协议一定不要选择HTTP,建议选择协议跟随,否则会出现重定向次数过多

3.5K70

第三次重写个人网站,分享一些感想

一个原因是访问速度实在太慢了,不过,主要还是贵 。 技术栈 React TypeScript Sass Ant Design 相信有很多人都会觉得: 个人网站就应该自己手写,这样才能吸引到面试官。...(image-450826-1625280925104)] 实现是:做两个导航栏,然后通过 @media 媒体查询来控制两者显示。 <!...timeline-compare.gif 强调 唯一使用了夸张动画地方,就是 “联系点赞,关注,转发,一键三连!” 。...所以,用 fontmin 将字体库压缩到了 4 KB ,能更快一点显示字体。 最后 整个主页在业余时间写了 2 周,大部分时间都是在试各种设计、颜色、背景,实现上也挺简单。...喜欢的话就在 github 上点个 Star 吧,欢迎 fork 和魔改! 其实,还有 Github 部署和 CDN 加速这一块也非常重要。由于这期文章太长了,就放下一篇来讲吧。

1K50

第三次重写个人网站,分享一些感想

实现是:做两个导航栏,然后通过 @media 媒体查询来控制两者显示。 ......另一个场景是,原来是用 fade in from bottom 来展示每个项目: 每个 ProjectItem 里文字、图片、图标是比较多,所以使用了向上动画会让人很难第一时间注意到内容,必须等动画结束了才能...强调 唯一使用了夸张动画地方,就是 “联系点赞,关注,转发,一键三连!”。...所以,用 fontmin 将字体库压缩到了 4 KB,能更快一点显示字体。 最后 整个主页在业余时间写了 2 周,大部分时间都是在试各种设计、颜色、背景,实现上也挺简单。...喜欢的话就在 github 上点个 Star 吧,欢迎 fork 和魔改! 其实,还有 Github 部署和 CDN 加速这一块也非常重要。由于这期文章太长了,就放下一篇来讲吧。

83620

快速熟悉 PyQt5 与 Eric6 极速 GUI 开发

究其原因是项目文件夹中显示是我们刚设置多重项目工作区目录,也就是说在该目录下可以存在多个项目。...虽然该项目文件夹下还没有任何文件,但是这里选择Yes,因为曾经选择No后到运行脚本时发现不能执行该功能。...(注:信号/槽机制是PyQt独有的信号传递机制,使用非常方便) 点击工具栏编辑信号/槽图标 鼠标移动到关闭控件上面,左键按下拖拽处红色地线标志后松开鼠标 弹出配置链接窗口,在该窗口中勾选显示从...F2,没问题了,可以点击确定按钮后还是会报错,是因为我们还没有告诉程序点击确定按钮后程序做出什么反应,修改on_Button_ok_clicked函数如下 保存后F2,点击确定后Label内容显示会变成这是第一个...PyQt5 程序,一切正常 附录与后记 附图 附加图:Label控件位置与宽度 附加图:完成后文件 后记 虽然我们通过这个实例能够感受得到PyQt5与Eric6结合使用强大功能与极速

2K20

使用IntelliJ IDEA开发SpringMVC网站(二)框架配置 顶

另外:文中附图部分仍然为旧版本,请参照自身版本进行配置。...model一般为一些基本Java Bean,view用于进行相应页面显示,controller用于处理网站请求。    ...这里使用了BootstrapCDN加速服务,如果要使用本地Bootstrap,请前往Bootstrap官网下载,并放在 webapp 目录下,然后引入到 index.jsp 中,这里不做详细介绍。...在配置好tomcat路径后,如下图所示,发现依然存在警告,且左方Tomcat7图标上有一个错误标记,说明还没有配置完全: ? 我们还需要将项目部署到 Tomcat 服务器中。...点击界面右上角红框中绿色箭头,就可以启动 Tomcat 了,其控制台输出将在 IDEA 下方显示 ? 启动后,浏览器将自动弹出项目首页: ? 这样,说明配置完成。

75030

R语言可视化——图表嵌套(母子图)

这个想法很奇葩,本来想着没啥希望,鉴于该包开发者那犀利审美观,估计也不能允许这种情况发生。 不过最近浏览一位大神博客,真的有这种情况解决措施,喜出望外,赶紧在这里分享给大家。...不过他处理方式不是通过ggplot内置函数,而是通过grid包中viewport函数来实现: 以下是具体实现步骤: 加载包: library(ggplot2) #用于画图,主图和附图都使用ggplot...因为附图要放置在主图边缘并且缩放很大比例,为了防止其背景和网格线系统遮挡主图重要信息,对其主题元素进行了大量简化。 将主图与附图合成一并显示: print(chart2,vp=vie) ?...其实仔细看这种做法,里面也不外乎图层叠加,先做出主图,然后通过viewport函数将附图缩小并叠加到主图上,不过这种方式用来展示一些需要多角度透视数据分布问题还是很合适,而且因为是依赖于不同包,所有主图与附图之间没有严格类型限制...下面附图类型更换为堆积直方图大家看下效果: chart1<-ggplot(diamonds,aes(carat,price,colour=cut))+geom_point()+theme(legend.position

1.5K40

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

这里在特别分享一个案例,有些用户使用了 CDN 加速之后,发现图片都没有显示,后面过了一段时间才显示,并且还造成网站更慢。...感觉什么都设置好了,但是图片还是不显示? 首先要不要你感觉,要感觉。...但是这样也非常不好,CSS 文件还是跑服务器本地,不能使用 CDN 加速功能。...如果你本地删除了图片,想同时删除 veImageX 上图片,则需要到 veImageX 后台内容管理中找到对应文件,然后直接删除即可。 8. 为什么小程序上图片不显示了?...为什么网站上图标显示成空方格? 首先说明一下,这些小图标不是图片,而是图标字体,所以这是因为当前 WordPress 主题是使用了字体图标,而字体由于造成 CORS 资源跨域问题。

2.7K40

使用IntelliJ IDEA开发SpringMVC网站(二)框架配置

另外:文中附图部分仍然为旧版本,请参照自身版本进行配置。...model一般为一些基本Java Bean,view用于进行相应页面显示,controller用于处理网站请求。    ...这里使用了BootstrapCDN加速服务,如果要使用本地Bootstrap,请前往Bootstrap官网下载,并放在 webapp 目录下,然后引入到 index.jsp 中,这里不做详细介绍。...在配置好tomcat路径后,如下图所示,发现依然存在警告,且左方Tomcat7图标上有一个错误标记,说明还没有配置完全: ? 我们还需要将项目部署到 Tomcat 服务器中。...点击界面右上角红框中绿色箭头,就可以启动 Tomcat 了,其控制台输出将在 IDEA 下方显示 ? 启动后,浏览器将自动弹出项目首页: ? 这样,说明配置完成。

1K10

get几个小技能:图标库使用技巧,css3文本小技巧

常用图标库 * Font Awesome图标库 * iconfont 阿里图标库 这些图标库虽然官网都有介绍,但是使用起来并不需要像导入插件、库那样麻烦。下面就来说一下今天get小技巧。...Font Awesome图标觉得使用图标库最重要是能知道有哪些图标,然后再检查是否有自己需要二等图标,所以官方文档极其重要。 使用该图标库有两种方法 1....正常从官网中下载图标库,然后再文件中将一堆文件导入,这样做显然很麻烦,但是相对稳定。 2. 就是CDN方法啦。...下载对应代码文件 4. 解压后就可以直接使用了 其中 demo_index.html 相当于使用文档 使用示例 <!...为何会这样,可能不是因为失去这个东西真正原因吧,而是对失去东西那种敬畏之心。

90420

雪花模板QSIT-pro主题更新日志

QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 暂无新增项目 V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载...,判断权限失败问题 7.修改了CDN产品防护标签为群集防护 V5.0 1.优化已知部分模板显示错误 2.修复了电脑显示侧边栏无颜色 3.更新同步官方CDN产品无法提交工单 4.更新同步官方后台一键对接产品功能...5.更新产品显示自定义内容 CDN已经适配 6.更换新接口提升加载速度 7.更新同步官方优惠券功能 VPS HOST CDN 全部已经适配 8.更新产品页面介绍以及商品样式模板 VPS HOST CDN...安装教程 1.我们先在用户群下载主题包SQL数据库文件 2.这边演示是宝塔操作,打开宝塔找到相对应数据库操作 3.我们直接进入后台查看模板是否安装,显示安装成功 4.然后我们要开始安装主题了先下载我们主题一键安装以及升级模块更新模块下载...用QQ扫完二维码验证下载完之后上传到网站根目录解压覆盖即可 5.我们进入管理员后台之后会有一个主题更新 点击进去后我们可以看到,模块检测到我们未安装 我们点击一下安装就可以愉快使用了  而且还支持在线更新

1.1K20

雪花IDC财务管理系统QSIT_PRO 主题模板

QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 暂无新增项目 V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载...,判断权限失败问题 7.修改了CDN产品防护标签为群集防护 V5.0 1.优化已知部分模板显示错误 2.修复了电脑显示侧边栏无颜色 3.更新同步官方CDN产品无法提交工单 4.更新同步官方后台一键对接产品功能...5.更新产品显示自定义内容 CDN已经适配 6.更换新接口提升加载速度 7.更新同步官方优惠券功能 VPS HOST CDN 全部已经适配 8.更新产品页面介绍以及商品样式模板 VPS HOST CDN...安装教程 1.我们先在用户群下载主题包SQL数据库文件 2.这边演示是宝塔操作,打开宝塔找到相对应数据库操作 3.我们直接进入后台查看模板是否安装,显示安装成功 4.然后我们要开始安装主题了先下载我们主题一键安装以及升级模块更新模块下载...用QQ扫完二维码验证下载完之后上传到网站根目录解压覆盖即可 5.我们进入管理员后台之后会有一个主题更新 点击进去后我们可以看到,模块检测到我们未安装 我们点击一下安装就可以愉快使用了

2.4K30

怎么使用阿里巴巴矢量图标库图文教程

最近好久没写文章了,不为别的,就因为上周五晚上网站服务器被攻击了,原因未知,无论是百度统计还是腾讯云CDN流量情况都还算正常,跟腾讯客服沟通到凌晨,问题依旧没有解决,从而导致很多用户主题配置无法访问,...,设置了远程数据库,才算终止,当然不能确定是弄好还是不再攻击了,这都不重要,重要是,要时时刻刻做好备份,确保数据库不会丢失,嗐,无奈啊~~~ 好了,不废话了,今天教教大家怎么设置导航图标和使用阿里巴巴代码...,话说奥森图标貌似没在更新(或许是没关注),所以在最新主题模板明信片上将奥森图标统一换成了阿里巴巴图标库,为什么?...”,每次添加新图标都需要更换一个css代码,把最新样式代码,放在网站头部接口了,就可以了,最后把图标的唯一代码复制,粘贴在需要显示图标的位置就可以了。...PS:重中之重就是设置好前缀和family名称,必须跟教程一样,否则模板设置了也不会显示

1.9K60

Hexo-Butterfly主题修改记录

(可选) bg: 按钮背景颜色 (可选) color: 按钮文字颜色 (可选) ( content 不能包含英文逗号,可用 ‚) 示例: 人和人是不能一概而论 {%hideInline 直接写下了这个示例...,曾经在极度愤怒情况下,#FF7242,#fff %} click here{%hideInline true %} 人和人是不能一概而论 曾经在极度愤怒情况下 直接写下了这个示例 click...显示标题 %} 隐藏内容 {%endhideToggle %} 显示标题 隐藏内容 Button {%btn [url],[text],[icon],[color] [style] [layout...另外可以通过添加faa-fast动画加速,faa-slow动画减速 引入动态图标时,只需要引入动态图标的开源库:,然后在图标后面添加动态图标属性即可 以menu上图标为例: menu: 主页...然后点击查看在线链接; 首次会提示需要生成代码(加入新图标后,会提示更新代码),按照提示生成即可,然后复制生成代码,在主题配置文件中引入; 复制图标代码(icon-jiaoliu),在需要引入图标的位置填入即可

1.7K10

BootStrap

/#download 打开上URL,点击用于生产环境 Bootstrap 方式二:CDN(有网情况下) CDN下载 Normalize.css 为了增强跨浏览器渲染一致性,我们使用了 Normalize.css...我们提供了两个作此用处类。注意,由于 padding 等属性原因,这两种 容器类不能互相嵌套。 .container 类用于固定宽度并支持响应式布局容器。...负值 margin就是下面的示例为什么是向外突出原因。在栅格列中内容排成一行。 栅格系统中列是通过指定1到12值来表示其跨越范围。...组件,link标签href引入使用 不要和其他组件混合使用 图标不能和其它组件直接联合使用。...它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套 标签,并将图标类应用到这个 标签上。 <!

3.2K10
领券