外链图片不显示

只显示了loading 的本地图片

检查元素查看

查看请求发现图片的状态为 403

浏览器单独访问这个图片链接是可以的

原因

403是防止盗链的错误！这种设计是api厂商正常保证自己的服务器不被刷流量。

防盗链的机制： 通过页面的 referrer 信息，判断访问者来源，是否本站点，然后对图片等请求作出相应

解决

在博客源码中找到主题文件： themes/xxx(主题)/layout/_partial/head/head.ejs 注意不同主题的文件名称可能不一样

找到 head 标签后，添加如下 meat 标签即可解决

 <meta name="referrer" content="no-referrer"/>

no-referrer：

• 整个 Referer 首部包含了当前请求页面的来源页面的地址，即表示当前页面是通过此来源页面里的链接进入的

• 服务端一般使用 Referer 首部识别访问来源，可能会以此进行统计分析、日志记录以及缓存优化等

• 首部会被移除。访问来源信息不随着请求一起发送。

官当定义文档： developer.mozilla.org/zh-CN/docs/…

解决效果

图片可正常显示

总访问量统计不显示

原因：当前源码中不蒜子统计源代码使用的域名无法访问了，网上找到了新的域名替换min.js内容即可。