hexo+markdown添加本地图片无法显示

来源:互联网 发布:mac pro2007 编辑:程序博客网 时间:2024/06/01 07:59

这个的话就要说一下hexo所支持的markdown和其他一些markdown语法稍微有点不同造成的。

比如我在写一篇文章时它的名字叫“  R语言绘制个性化词云 ”,这个时候它会自动生成一个叫“  R语言绘制个性化词云 ”的文件夹,一般在这篇文章要用到的图片我一般会放在这个文件夹里。如果要添加图片的话我会用下面代码:

<img src="R语言绘制个性化词云/first.png",alt="first", width=600 height=300>

或者

i[first](R语言绘制个性化词云/first.png)
这样的话,文章中的图片是可以获取的。

但当我写一个about页面时,我也是按这种方法,在本地运行时却图片经常丢失。我用的是cutemarked软件编写代码,在用这个软件预览器可以读取图片的,另存为一个网页时也可以显示图片,但是用hexo运行时,在本地获取不了图片。然后我用鼠标点击图片位置右击,选择在新标签打开图片,出现下面错误提示:


Cannot GET /about/R.png

因为我们再生产about页面时会自动在about文件夹生成一个index文件夹,我把图片就放在index文件夹里面,开始我是这样写的:

<img src="index/R.png",alt="R",width=600 height=300>

结果在使用hexo编译运行时图片读取不了。现在我改成下面这样

<img src="about/index/R.png",alt="R",width=600 height=300>

现在终于好了。由于时间仓促,写的不是很仔细,欢迎评论区交流。

注:

作者:王亨

github博客:https://hellowangheng.github.io/index.html