线上使用 <img> 添加图片，会显示路径不对。

解决方案：

一、把图片挪到 static 目录下。

. ├── blog/ ├── images ├── male.svg └── female.svg └── test.md ├── src/ └── static/ └── avators/ ├── male.svg └── female.svg …… <img src="/avators/male.svg" width="100px" alt="male" />

二、把图片上传至服务器。

如果在线上使用相对路径的话，只能通过 md 的形式添加图片 ![]()，然后通过 <style> 控制图片的宽度。

 <style> img[alt="male"]{ width:100px; } </style>