自动化HTML img标记和类分配

Question

我有一个简单的HTML网站。主要元素是图像网格。他们都被划分为行和列。共有5列，A-E。

    <div class="grid">
                <div class="box 1 a"><img src="./assets/Account-Attempt-4-1.gif"></div>
...
</div>

我想指定一批图像（最好是在Windows资源管理器中），并将它们格式化为网格的子元素。 有什么东西可以做到这一点，我只是在谷歌搜索不好？我在Windows 10上。

Answer 1

我的第一个想法是在代码编辑器中创建一个宏，比如Sublime Text。该宏将包含一些自动递增文件名末尾数字的方法（可能使用插件），但这是基于假设文件夹中的所有图像遵循相同的命名约定（例如image-1.jpg，image-2.jpg，image-3.jpg）。

我认为对你来说更好的选择是做this answer that I found之类的事情。稍微调整一下，这个方法应该可以把所有的图像都带到一个已定义的目录，并返回一个带有格式化代码行的html文件。

祝你好运！