Hexo 图片的居中配置

Question

在 Icarus 主题中，图片默认是居左对其的，主题文章图片居中问题的解决办法很简单，只需要修改 ~/themes/icarus/source/js/main.js 的文件内容如下：

$('.article img:not(".not-gallery-item")').each(function () {
    // wrap images with link and add caption if possible
    if ($(this).parent('a').length === 0) {
-       $(this).wrap('<a class="gallery-item" href="' + $(this).attr('src') + '"></a>');        
+       $(this).wrap('<a class="gallery-item" style="display:block;text-align:center;" href="' + $(this).attr('src') + '"></a>');
        if (this.alt) {
            $(this).after('<div class="has-text-centered is-size-6 has-text-grey caption">' + this.alt + '</div>');
        }
    }
});

还有一种比较优雅的方式就是修改 ~/themes/icarus/layout/css/style.styl 文件的内容如下：

.article
    .article-meta
        margin-bottom: 0.5rem !important
    .content
        font-size: 1.1rem
        blockquote.pullquote
            float: right
            max-width: 50%
            font-size: 1.15rem
            position: relative
+       a
+           img
+               margin: auto
+               display: block

文章参考至： Icarus 主题配置