Markdown中图片保存以及hexo网页不显示图片问题
1、前提: (1)码云或者GitHub上已经有项目仓库,项目中上传有图片 (2)使用hexo搭建的博客 我是在这些个期间遇到的问题,使用的Markdown编辑器是Typora。2、发现问题: Markdown中的图片在hexo网页上不显示3、分析问题: 在hexo文件下打开GitBash中使用hexo new "文章名"命令新建一个Markdown文档,会有和文档名相同的文...
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:
最后显示也是正常的:
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)