个人博客图片居中大法

忍了几天，但是博客图片靠左真的太丑了
丑到我的懒癌都压不住
上网找了些方法，记录一下吧

Markdown这玩意生下来就不带图片居中这花里胡哨的玩意，不过人家支持html语法，可以曲线救国一下。

使用html格式

像这样：

<div align="center">
    <img src="https://s4.ax1x.com/2022/03/01/blYdKA.png"></img>
</div>

来，试试看！

这不就居中了嘛！

难道要我在贴图的时候一个个改吗！

像我这种大懒人自然是不会这么做的，之前的方法适用于没几个图的博客。但是我相信过段时间你的博客就不是没几个图的状态了

MarkDown插入图片代码在最终渲染的时候，其实是变成了html中的img元素。因此我们可以直接直接杀去博客主题文件的源代码，找到控制文章内图片显示样式的css代码，将其修改成水平居中即可。

一般在themes->(主题名称文件夹)->source->css->_partial文件夹中可以找到，懒得找的直接在文件夹里搜索img也行（反正我就这么找着的

img后面有一坨花括号，改改就好了

img{
    max-width 100%;
    display block;
    margin 0 auto;
  }

我当时改了最后一行，并加上了倒数第二行。这个方法参考的是这篇博客，和人家的有些出入，如果我的法子不行可以试试别人的~