のせっち 
こんにちは！のせっち@nosecchi01です！
Pugを使って、class名やimg(src=）など属性の中身に連番を付ける方法を解説します。
解説（コピペ化）
for文を回して、class名、img(src)の中身でindex番号を順番に付与します。
下記のように記述します。
- for (var i = 0; i < 3; i++)
div(class=`item0${i + 1}`)
img(src=`./img/img-hoge0${i + 1}.jpg`)htmlの出力結果は下記です。
<div class="item01">
<img src="./img/img-hoge01.jpg">
</div>
<div class="item02">
<img src="./img/img-hoge02.jpg">
</div>
<div class="item03">
<img src="./img/img-hoge03.jpg">
</div>通常は#{i}を使いますが、属性値の中で使う場合は、バッククオート(`)で囲み、#{i}の代わりに${i}とすればOKです！
参考