解决Hexo博客引用网络图片无法显示的问题

最新推荐文章于 2023-03-14 16:17:30 发布
最新推荐文章于 2023-03-14 16:17:30 发布
阅读量3.8k 收藏 14
点赞数 14
分类专栏： 搭建博客 文章标签： Hexo 搭建博客
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mqdxiaoxiao/article/details/96770756
版权

问题

我的博文首发是在CSDN，这样在Hexo博客发布时就可以直接引用CSDN的网络图片。但是在刚deploy上去的时候，预览都是OK的，但是过几天后就全都显示不了，如下图所示

用Chrome浏览器，按F12提示如下403错误

解决方法

方法其实很简单，只需要文章的头部如下图所示位置添加<meta name="referrer" content="no-referrer"/>这一句话就可以完美解决问题

 

 

 

 

野猿新一
关注
  • 14
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
Hexo博客搭建文件（next主题）
12-07
Hexo需要git和nodejs，这里时next的所有的配置文件，都是自己改过来的。
Picgo使用Gitee平台搭建图床照片无法显示
m0_49448331的博客
07-13 1312
使用Hexo框架搭建个人博客，发现博客中图片无法显示。
【长更】 hexo next 日常问题解决方案
1/0=∞
12-01 1812
1. 分页显示问题 参考：https://github.com/hexojs/hexo/issues/3794 修改： /Blog/themes/next/layout/_partials/pagination.swig {%- if page.prev or page.next %} <nav class="pagination"> {{ paginator(...
hexo博客搭建时图片无法正常显示的问题
小桥流水25的博客
02-03 2175
前言 最近在GitHub Pages中搭建了hexo博客，并且使用了next主题，当使用文字博客或者外链图片时没有什么问题，但是使用内置图片却出现了问题，在此记录下来。 hexo-asset-image无法在新版本使用 当发布新文章时，我使用了hexo-asset-image这个插件，这个插件需要在_config.yml中设置post_asset_folder为true才能开启，并且需要安装插件，...
Hexo-Next 5.1.4目前已知bug及其处理办法
shuiyunxc的博客
02-02 1130
Hexo-Next 5.1.4目前已知bug及其处理办法 1.边栏头像下面日志链接错误 在\themes\next\layout\_macro\sidebar.swig中， 原代码49行： <a href="{{ url_for(theme.menu.archives).split('||')[0] | trim }}"> 修改为： <a href="{{ url_for(co...
关于Hexo博客NEXT主题(Gmini)站点图标不显示，显示错误的解决办法
ABCDEFGYHQ的博客
05-06 452
详情看这：链接
解决Hexo无法显示图片的几种方案
weixin_42030522的博客
02-22 1万+
解决Hexo无法显示图片的几种方案 欢迎大家访问我的博客：https://bankyin.github.io/ 在搭建hexo博客的时候会遇见图片上传是否麻烦，使用markdown编写博客时我们习惯将图片保存到本地，使用‘![]{}’的格式+相对路径去插入图片，但是在使用hexo d的时候相对路径会被转换导致最后发布上去的博客图片无法查看。下面提供几种解决方案： 使用hexo图片格式 查看hexo官网，可以看到官网推荐将post_asset_folder属性置为true，在新建博客hexo n “xxx”的
Hexo图片无法加载图片 | The requested content cannot be loaded，Please try again later.
zzy0222的博客
02-17 1097
解决用Hexo搭建博客时，无法加载图片的问题。
hexo博客修复gitee图床访问异常
qq_45964326的博客
03-14 327
gitee图床修复
Referer和Referrer Policy以及图片防盗链
小王的技术库
06-11 9585
​Referrer-policy作用就是为了控制请求头中referer的内容包含以下值：浏览器兼容性(caniuse.com/?search=ref…%25EF%25BC%259A “https://caniuse.com/?search=referer-policy)%EF%BC%9A”) 如下图： 如： 未加referrerpolicy属性的link元素：比如在自己页面里引入百度贴吧里的一张照片： 但实际上是无法展示的(如下图)，之所以无法展示是因为百度的图片做过防盗链处理 通过Referer或者签
blogPicture:hexo博客相册图片
03-15
blogPicture:hexo博客相册图片
hexo实现个人博客网站
08-09
利用hexo整合，实现个人博客网站。增加了各种特效效果，菜单分栏、分类、主题适配。通过markdown编写文章，增加分类等等。利用hexo整合，实现个人博客网站。增加了各种特效效果，菜单分栏、分类、主题适配。通过...
图片：Hexo博客的Github图床
03-02
图片Hexo博客的Github图床
基于Hexo博客框架搭建的多个静态博客源码.zip
06-02
基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态...
Hexo博客NexT主题下添加分类、标签、关于菜单项
热门推荐
野猿新一
06-25 1万+
Hexo NexT主题下默认有首页和归档两个菜单，我们还可以开启其他菜单项，比如分类、标签、关于 首先打开主题下的配置文件_config.yml，然后搜索menu找到如下配置项，将about、tags、categories前的#号去掉，就开启了关于、标签和分类标签，当然还有其他菜单项也可以开启 # -----------------------------------------------...
GitHub添加SSH key
野猿新一
06-17 1万+
1.打开Git Bash命令行窗口 2.检查是否已有SSH 如果没有，会返回如下信息，继续第三步创建SSH $ cd ~/.ssh bash: cd: /c/Users/Him/.ssh: No such file or directory 如果本地已经有创建SSH，会返回如下信息，表示本地已经有创建过SSH了，跳过第三步，直接看第四步 $ cd ~/.ssh $ ls id_rs...
Hexo NexT主题更改语言
野猿新一
06-22 1万+
打开站点配置文件：站点根目录/_config.yml 然后搜索找到language属性，属性值配置成zh-Hans，表示中文 language: zh-Hans 然后重新打包部署，却发现未生效，可是网上看的一篇教程明明说这这样配置的，果然还是要自己验证下 到 Hexo站点根目录\themes\next\languages文件夹下看有支持哪些语言，发现中文有如下三种，就是没有zh-Hans...
Hexo博客删除文章
野猿新一
06-24 1万+
目前未找到删除文章的指令，可以到目录/source/_posts下删除相应的文章，然后重新生成部署即可 到目录/source/_posts下删除相应的文章 $ hexo g $ hexo d
Hexo博客NexT主题下添加字数统计和阅读时长
野猿新一
06-25 8469
安装hexo-symbols-count-time $ npm install hexo-symbols-count-time --save 如果安装完报如下提醒，还需安装eslint D:\hexo\blog>npm install hexo-symbols-count-time --save npm WARN [email protected] requires a p...
hexo博客上传图片
最新发布
10-25
在Hexo博客中上传图片可以通过以下步骤完成： 1. 在Git Bash中使用命令“hexo new [文章名]”创建一篇新文章。 2. 打开新文章的md文件，设置图片根目录为source。 3. 将需要上传的图片放入source文件夹下的imgs...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值