我正在尝试撰写一篇包含一些图片缩略图的博文。我正在以下列方式使用代码
...[markdown content before]...
[{% img left https://lh5.googleusercontent.com/-UjFXd_iX4wg/UK_LGHwB1GI/AAAAAAAACGM/Y9dOC2JLMu0/s400/2012-11-01%252010.51.22.jpg 'Power button of an electric kettle' %}](https://picasaweb.google.com/lh/photo/v54UgP-UYdQKngGBXIkVdtMTjNZETYmyPJy0liipFm0?feat=directlink)
[{% img left https://lh5.googleusercontent.com/-pZWML6wLvMk/UK_NhINxrhI/AAAAAAAACHc/8dvYICW8AA8/s400/2012-11-01%252011.01.24.jpg 'Power button of an external hard drive' %}](https://picasaweb.google.com/lh/photo/F8GpZ42t2k7OnFWfgzGDW9MTjNZETYmyPJy0liipFm0?feat=directlink)
[{% img left https://lh6.googleusercontent.com/-1L7v_5CYtq8/UK_NndJB_HI/AAAAAAAACHk/se84006Yoyo/s400/2012-11-01%252011.37.17.jpg 'Power button of an IKEA bedside lamp' %}](https://picasaweb.google.com/lh/photo/2O6MNRL11LHZaOWy5ucSFdMTjNZETYmyPJy0liipFm0?feat=directlink)
...[markdown content after]...
这样可以正常工作，但是如果我在其下面添加一些文字，它会从最后一张图片的右侧而不是新行开始。
我如何拥有图像网格并在网格后继续文本？我正在使用markdown撰写帖子。
答案 0 :(得分：3)
它可能适合您，也可能不适合您，但我为类似的用例编写了一个Jekyll插件 - https://github.com/matthewowen/jekyll-slideshow
这是为了让全尺寸图像生成一个缩略图网格，允许全尺寸图像出现在灯箱中。
如果这不是您的确切情况，我的建议是使用CSS执行此操作。语法的“左”部分仅表示要添加的CSS类。在这种情况下，我猜Octopress的CSS附带了一个规则来将这个类浮动 - 这使得它们彼此并排显示，但让文本环绕它。您可以改为使用类似'grid'之类的东西，然后添加一个CSS规则，为该类的图像提供内联块显示属性。