自动化 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文件。

祝你好运！