完美解决hexo图片问题
jerem1ah Lv4

完美解决hexo图片问题

【既可以本地预览又可以成功在博客上引入 | 而且方便直接复制图片!】

1.typora设置

在偏好设置中进行如下设置:

1
2
3
4
1.插图图片复制到指定路径如下:【需要在_posts同级文件下新建一个images文件夹】
../../source/images/${filename}

2.勾选优先使用相对路径

image-20221107170840625

2.hexo配置

1.安装图片插件

npm install hexo-renderer-marked

2.配置文件(根目录config.yml)

1
2
3
4
5
6
#修改如下
post_asset_folder: true
#添加下面两行
marked:
prependRoot: true
postAsset: true

image-20221107173002151

image-20221107180626317

image-20221107172741098

结语:

这种方法的配置,可以说是使用最方便的图片引入配置了。

不需要改文件引入的路径问题,同时能在本地预览,而且能成功上传在博客引入!

 Comments