hugo 中的函数 replaceRE 用处很多！

[rayhy]

偶然看到一篇博客： https://www.junian.net/hugo-image-figure-wrap/

可以用 replaceRE 把 Markdown 转换得到的 HTML 中的 img 标签变成 figure 标签：

<p><img src="https://www.example.com/image.png" alt="Alt Text" title="Title Text"></p>

变为

<figure>
  <img src="https://www.example.com/image.png" alt="Alt Text" title="Title Text">
  <figcaption>Alt Text</figcaption>
</figure>

我按它的思路，顺手改了下我博客的主题代码，可以把图片的 src 由本地地址变为图床上的地址：

src原来是ranked_results.jpg，现在是https://图床 HOST/img/blog/ReID 任务中的 CMC 和 mAP/ranked_results.jpg。省的自己在 Markdown 文件中改了。感觉蛮方便的。

上面这个功能最关键的代码是

{{ $reAltIn := "<img src=\"([^\"/]+)\" alt=\"([^\"]+)\" />" }}
{{ $reAltOut := (printf "<img src=\"%s%s$1\" alt=\"$2\">" .Site.Params.CDN.Host .Dir )}}
{{ $altContent := .Content | replaceRE $reAltIn $reAltOut | safeHTML }}

replaceRE+斟酌半天的正则=奇巧淫计

[rayhy]

甚至可以实现用来指定图片的宽度为 200，就看你 replace 时怎么写了。

[codehz]

正则写得爽，修改火葬场