hexo 无法加载网络图片

发布于 2021-12-10  1067 次阅读

问题描述

有时在hexo写博文，需要引用一些网络图片，但一些防盗链机制可能会导致图片显示不正常，控制台报错：

Failed to load resource: the server responded with a status of 403 ()

问题解决

一般而言，只需要在前端meta中将referrer设为no-referrer。即在<head>标签对中加入<meta name="referrer" content="no-referrer" />
网络上对hexo中这种问题的解决思路，是在markdown文件中加上上述meta信息。但如此一来，md文件会变得不太好看，于是我想在主题样式文件上做文章，在渲染时加入meta信息即可。
以下是在三常见主题中，添加自定义meta信息，所需要修改的文件路径：

  1. keep
站点根目录/themes/keep/layout/_partial/head.ejs

加入：<meta name="referrer" content="no-referrer" />

  1. butterfly
站点根目录/themes/butterfly/layout/includes/head.pug

加入：meta(name="referrer" content="no-referrer")

  1. yilia
站点根目录/themes/yilia/layout_partial/head.ejs

加入：<meta name="referrer" content="no-referrer" />