解决Hexo博客不显示图片的一种方法

Posted 2023-04-23

参考技术A 写博客时适当的添加图片是很有效率的一种做法，也会让别人更容易明白你想表达的意思。

如果你的博客也是通过 Hexo 框架建立的，在使用初期你可能也遇到过和我相似的问题：在一个 .md 文件中添加的图片并没有在预览中显示出来，下面分享一种解决此问题的方法：

修改博客根目录中 _config.yml 文件的配置项 post_asset_folder 为 true ：

post_asset_folder: true

完成此设置后，当你通过 hexo new 文件名 新建博客后，会产生一个和文件同名的文件夹。

在博客根目录中下使用npm安装插件：

npm install https://github.com/CodeFalling/hexo-asset-image --save

当文章需要添加图片时，将需要添加的图片放入同名的文件夹中，同时通过相对路径索引到该图片。

例如我在上方修改博客配置中展示的那张图片的md源码为：

使用命令 hexo s 开启服务，若无报错在本地可以看到图片在博客中正确显示。

我自己的博客开通了！欢迎来访，以后两边都会更新。

hexo博客微博图床失效解决办法

最近在v2ex上看到有人说微博图床开始限制外链了。当时我看了看我的博客，图片还好。第二天再去看的时候就挂了。评论里有人说改一个no-ferrer能解决。

记录一下操作方法。

N:\blog\themes\jacman\layout\_partial\head.ejs

修改上述路径的文件，jacman是所用的主题文件夹。因为每个页面都会包含head这个文件，在里面加上一行代码

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

这样所有页面都会以no-referrer这样方法加载了，然后微博服务器就不知道是你的网站引用了他的图片了，也就没有外链限制的问题了。（暂时这么解决了，不知道微博会不会后续更加严格的限制外链。

参考文章：

html访问图片资源403问题(http referrer)