Hexo框架下给博客插入本地图片

终于能给博客插图了,以前一直以为要把图片单独上传到七牛云这些线上服务器才行,hexo可以直接用本地的服务器了。

hexo中图片路径

要加入图片,现在source下建立一个与博文_posts同级别的文件夹images,将图片放入,此时的图片路径为:

/hexo/source/images/myImage.png

在博客中插入,要使用相对路径,应写为/images/myImage.png

markdown插入图片语法

markdown中插入图片语法如下:

![图片注释](/images/myImg.png "图片标题")

这种方法无法指定图片的尺寸与对齐方式。

另一种插入方法:HTML

使用嵌入HTML来插入图片,可以更好地控制图片的显示方式。

1
<img src="/images/myImage.png" width=50% height=50% align=center/>

插入一个喜欢的dota图片吧


用markdown语法插入 ![dota插图](/images/four heroes.jpg "Dota")
dota插图


用html语法插入 <img src="/images/four heroes.jpg" width=50% height=50% align=center/>