hexo插入图片无法显示问题


hexo文章中插入图片无法正常显示

问题

博客部署好以后,简单的文章都可以正常书写;用的多了,发现仅仅文字描述太干了,还是需要图文并茂的好;本以为hexo插入图片,就和普通的md写法一样,但是上传后发现无法显示;这里做问题解决的尝试和记录,目前还是没能完美解决,可能和开启了中文转拼音的插件有关

解决步骤

网上一堆的教程类似问题,但是都不能解决,很常见的说是写法需要用assert的方式,但是最新的HEXO,有很友好的插件支持;

  1. 安装插件hexo-renderer-marked

    npm install hexo-renderer-marked --save
  2. 配置_cofing.yml

    post_asset_folder: true
    marked:
      prependRoot: true
      postAsset: true

    其中,post_asset_foldertrue的作用是,在创建文章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给主题作者,看看能不能帮忙解决

https://github.com/blinkfox/hexo-theme-matery/issues/624

还有一个想法可以尝试,可以直接放到图床上,然后用外链显示;

这个风险就是外链可能会挂,本地也需要做好备份处理

可以使用的图床:

七牛云或者又拍云,但是这个两个都需要绑定已经备案的域名

https://portal.qiniu.com

https://www.upyun.com

路过图床

https://imgchr.com

SM.MS图床

https://sm.ms


文章作者: Wang Kang
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Wang Kang !
评论
 上一篇
注册自己的公司 注册自己的公司
注册自己的公司前言现在各种跨境电商都需要用企业才能完成注册;所以罗列下如何注册一个公司。现在注册流程很简单,对于浙江省来说,只要在浙里办的app,或者在浙江政务网(http://www.zjzwfw.gov.cn/zjservice/fro
2021-03-03
下一篇 
亚马逊套利模式 亚马逊套利模式
亚马逊套利模式前言了解到一种亚马逊的经营模型,做为学习记录下; 插入图片 测试二: 测试3: document.querySelectorAll('.github-emoji') .forEach(
2021-02-09
  目录