生成 HTML 个图库

Question

我正在使用 Magnific Popup 在 HTML 中制作画廊，我想要 100 张图片，HTML 标记必须看起来像这样

<a href="/img/gallery/mdd-2014/img00001.jpg" title="title">
    <img src="/img/gallery/mdd-2014/thmb/img00001.jpg" alt="alt">
</a>

...

<a href="/img/gallery/mdd-2014/img00100.jpg" title="Škôlka pod lesom - Nová Baňa">
    <img src="/img/gallery/mdd-2014/thmb/img00100.jpg" alt="Škôlka pod lesom - Nová Baňa">    
</a>

如果我需要创建新的 a > img 并递增 href 和 src 100 次，我如何在 Sublime Text 3 中用最简单的方法做到这一点？

Answer 1

我找到了一个简单的解决方案 Emmet package for Sublime text！

(a[href="/img/gallery/nase-aktivity/img$$$$$.jpg" title="title"]>img[src="/img/gallery/nase-aktivity/thmb/img$$$$$.jpg" alt="alt"])*100

生成 HTML 个图库

generate HTML gallery

html

generator

sublimetext3

magnific-popup