1、前提:
  (1)码云或者GitHub上已经有项目仓库,项目中上传有图片(参考)
  (2)使用hexo搭建的博客
  我是在这些个期间遇到的问题,使用的Markdown编辑器是Typora。
2、发现问题:
  Markdown中的图片在hexo网页上不显示
3、分析问题:
  在hexo文件下打开GitBash中使用hexo new "文章名"命令新建一个Markdown文档,会有和文档名相同的文件夹也被同时创建出来,这里是用来存放文章中图片的。使用
在这里插入图片描述
在文章中插入图片。使用命令hexo g然后打开hexo下的public文件中打包的文件中的html可以看到,图片的地址是一个绝对地址,但它应该是相对文章的相对地址,这样发布上去才能看到图片,否则是看不到的,因为它找不到这个图片的地址。这就是在hexo网页上看不到图片的原因。
4、解决问题:
  这个小问题陆续折腾了一天多,找到了Markdown中插入图片的解决办法,并且图片都能在hexo网页上正常显示。
创建的Markdown文件和文件夹:
在这里插入图片描述
我将要在文章中插入的两张图片:
在这里插入图片描述
4.1 插入本地图片

先对Typora设置:工具菜单栏–编辑–图片工具–全局图像设置,设置成这样子的:
在这里插入图片描述
然后按照这个格式插入:
在这里插入图片描述
hexo上也显示正常:
在这里插入图片描述

4.2 插入网络图片
我是在gitee上使用hexo部署的博客,并且把gitee当做图床使用,节省本地存储空间。
hexo官方文档提供了在Markdown中插入图片的方式:
{% asset_img example.jpg This is an example image %}
好多文章也是说这样写就可以,还有hexo中等都设置了,但是我这里怎么也显示不出来。。。
就还使用了和上面一样的图片插入方式,只不过地址部分变成了我Gitee中图片的地址:
在这里插入图片描述
有一点需要注意:我图片的原地址是:
在这里插入图片描述
要把blob换成raw
在这里插入图片描述
最后显示也是正常的:
在这里插入图片描述

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐