Hexo博客插入图片后如何控制图片大小和样式

背景

在用Hexo写博客时，发现有时原始图片过大，直接引用不太美观，需要缩小一下，研究了一下，Hexo md语法并不支持这样的功能，我在网上找到了方法，纪录一下。

方法

有两个方法：

1. 使用img 标记来控制图片显示大小：

<img src="/images/xxx.png" width="50%" height="50%">

2. 使用div 加上css 来控制图片的显示和大小：

<div style="width: 40%; margin: 10px">
    <img src="/images/xxx.png“>
</div>

其中/images/xxx.png为图片实际地址。经过试用，我选择了方法2，原因是用css可以控制的属性更多，后续也可以做统一的美化修改。关于CSS样式的说明，可以参考这篇文章