Hexo搭建之解决外站图片不显示的问题

警告
原创作品,谢绝未在文章开头标注原文链接及作者的转载。

前言

本人使用过多个主题,但是每次启用全新主题时,都被一个问题打扰。因为我的图片全部都是引用本人自建cdn:“https://sxcdn.vercel.app/img/…”中的图片,极少部分在网站assets目录下,而且有时候需要引用第三方网站的图片,但是,由于主题作者常常忽略防盗链的问题,恰恰我有解决方案,所以便记录下来,供大家参考。

提示

该方法只针对部分启用简单防盗链技术的网站有效,启用更高级的网站(如有些个人网站启用了ip封锁)无效。

思路

在HTML的head标签内加入referrer标签。

动手环节

ejs模板

大多数hexo主题使用的模板,如默认主题、matery.

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

pug模板

代表主题:butterfly

1
meta(name="referrer" content="no-referrer")

swig模板

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

其他

按照模板语法添加输出如下内容的字段

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

总结

仍有疑问?联系本人提供有偿解决方法。