Hexo 的 Next 主题(Mist)如何设置图片居中

在 Markdown 中,图片是无法直接设置属性的,因此在 Markdown 渲染成的 HTML 中图片的展示情况是由渲染机制决定的,无法轻易更改。

在 Hexo 博客中,图片的渲染由主题控制。

对于 Next 主题的 Mist,设置方法如下(其他主题可以寻找到相似文件进行修改):

打开 themes/next/source/css/_schemes/Mist/_posts-expanded.styl 文件,找到 .posts-expand 中的 .post-body img { margin: 0; },将之修改为 .post-body img { margin: 0 auto; } 即可。


参考:https://github.com/iissnan/hexo-theme-next/issues/765