hexo 解决启用分页时图片无法正常显示的问题

发表于 分类于

启用分页后, 一篇 markdown 文章会被渲染到多个不同的 html 页面中, 如果直接使用相对路径, 又没有启用 Hexo 提供的 post_asset_folder , 就会出现浏览器请求 /page/2/images/pic.png 失败的类似错误.

为了解决该问题, 最好的方法是启用 post_asset_folder, 在根目录下的 _config.yml 找到该条目并修改为 true :

1
post_asset_folder: true

安装自动将相对路径转化为正确 url 的插件:

1
npm install hexo-image-link --save

此后, 每当运行 hexo new "${filename}" 时, hexo 还将会额外在 _Post 目录下创建一个 ${filename} 文件夹. 将图片直接放进这个文件夹里即可. 你可能还希望修改编辑器的一些设置, 以 Typora 为例, 在偏好设置中启用优先使用相对路径选项, 然后将路径设为 ./${filename} 即可.