hexo里面Markdown对图片进行居中、设置大小

标准的markdown中提供了图片的设置大小的操作，但是在本地把图片编辑好的代码生成静态文件发现图片不能显示了。

以后的hexo版本希望能够解决这个问题。

一般的markdown语法设置图片大小

标准的markdown，在图片后面加上 “=200x300” (200是宽度，300是高度，也可以之定义宽度)，就能实现下面的效果。但是此版本的hexo不行。

![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/36aa3462013499.5b14f258e6347.jpg  =200x300)

图片的宽度和高度同时修改：

<img width=80%  src="http://qnfile.devzhao.com/blog/2018-10-22-120649.png" >

<img width=500  src="http://qnfile.devzhao.com/blog/2018-10-22-120649.png" >

使用img标签，设置图片大小

直接在markdown中使用HTML标签，多数markdown工具都支持。

<img width=200 src="http://qnfile.devzhao.com/blog/2018-10-22-jhk-1540210533410.jpeg" >

当然简单学习一下html和css，你能做出更好的效果。

图片居中

markdown目前没有支持图片居中的，所有的图片要么是100%宽度，支持设置大小的markdown一般也是左对齐的，所以居中只能靠HTML标签了。

<div align=center>
![](http://qnfile.devzhao.com/blog/2018-10-22-jhk-1540210533410.jpeg =200x)
</div>

效果如下：

或者：

<div align=center>
  <img width=200 src="http://qnfile.devzhao.com/blog/2018-10-22-jhk-1540210533410.jpeg" >
</div>

效果如下：

---

没有解决，图片的左对齐，右对齐。默认地，图片统一居中显示。

<div align=left>
![](http://qnfile.devzhao.com/blog/2018-10-22-jhk-1540210533410.jpeg =200x)
</div>

效果如下：

或者：

<div align=left>
  <img width=200 src="http://qnfile.devzhao.com/blog/2018-10-22-jhk-1540210533410.jpeg" >
</div>

效果如下：

参考文献

• hexo里面Markdown对图片进行居中、设置大小_20181022