hexo
文章中插入图片无法正常显示
问题
博客部署好以后,简单的文章都可以正常书写;用的多了,发现仅仅文字描述太干了,还是需要图文并茂的好;本以为hexo
插入图片,就和普通的md
写法一样,但是上传后发现无法显示;这里做问题解决的尝试和记录,目前还是没能完美解决,可能和开启了中文转拼音的插件有关
解决步骤
网上一堆的教程类似问题,但是都不能解决,很常见的说是写法需要用assert
的方式,但是最新的HEXO
,有很友好的插件支持;
安装插件
hexo-renderer-marked
npm install hexo-renderer-marked --save
配置
_cofing.yml
post_asset_folder: true marked: prependRoot: true postAsset: true
其中,
post_asset_folder
为true
的作用是,在创建文章hexo new
时候,会生成一个相同名字的文件夹;然后这篇文章中用到的图片都统一放在这个目录下即可;
结果:
按照上面尝试了,还是无法正常显示,很是痛苦;
但是访问的时候,路径看起来是对的data-src="2021-02-09-%E4%BA%9A%E9%A9%F/2.png"
点击图片的位置,虽然没显示,但是会出现mo-shi.html#lg=1&slide=0
文章的目录结构是:
└─_posts
└─2020-02-09模式
|2020-02-09模式.md
最后提了一个issue
给主题作者,看看能不能帮忙解决
还有一个想法可以尝试,可以直接放到图床上,然后用外链显示;
这个风险就是外链可能会挂,本地也需要做好备份处理
可以使用的图床:
七牛云或者又拍云,但是这个两个都需要绑定已经备案的域名
路过图床
SM.MS图床