记录一下Hexo+Markdown中添加图片遇到的问题

1.Markdown中添加图片的方式

• 自带插入语句

  ![图片名称](url)

• 利用HTML标签<img>

  <img src = "url" alt="图片名称">

  Tips:url可以是本地图片的路径也可以网上图片的url;图片名称可不写

2.如何修改图片大小

• 利用HTML标签<img>

  <img src="/day1-4/day2_3.jpg" width = "50" height = "50" >

3.图片居中问题

• 在第二步<img>标签里加上align = "center"

  <img src="/day1-4/day2_3.jpg" width = "50" height = "50" align = "center">

• 图片外围添加<div>标签，标签里加上align = "center"

  <div  align="center">    
      <img src="/day1-4/day2_3.jpg" width = "50" height = "50" >
  </div>

  Tip: Markdown 中图片默认居左

4.Hexo图片布局与Markdown中图片布局不一样

首先Markdown文件部署到Hexo博客上图片是默认填充左右两端的
如果Markdown中设置图片是居左但是在Hexo上发现图片并没有居左
应该是选择的博客主题里默认设置了图片的margin
解决办法

• /themes/你的主题/source/css/_partial目录下找到article.styl文件
• 找到img, video下的margin进行修改即可