Hexo多图并排显示

发表于 分类于 阅读次数： 本文字数： 172 阅读时长 ≈ 1 分钟

前言

Hexo有时候需要进行多图并排显示对比。
fancybox默认一张图占据一行。需要自己修改Css样式。
本文默认使用七牛云插件。
测试域名被收回了, 再次感受到国内开发者巨大的政策风险。

插入Css样式

在<!-- more -->之后插入样式, 避免将样式写入description。
注意, 因为渲染问题, 请尽量使用回车隔离以下代码块。

1
2
3
4
5
6
7
8
9

<style type="text/css">
    .fancybox {
        display: inline-block;
    }
</style>

{% img /images/最短路径_01.png 200 %}
{% img /images/最短路径_02.png 200 %}