Hugo 集中管理图片地址

由于没有稳定服务器，我经常在各种不同的图床之间穿梭，随着内容的增多，更换图片地址就变得非常繁杂，加之最近开始使用 Jsdelivr 对网站图片进行加速，集中管理图片 URL 势在必行。

使用方法

使用到了「Hugo」自带的 render-image 功能，在主题目录如下路径创建后缀名为 .html 的 render-image 文件。

layouts/_default/_markup/render-image.html

render-link.html文件输入如下内容，详见 Hugo 官方文档。

<img src="https://example.com{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title}} title="{{ . }}"{{ end }} />

其中 https://example.com 改为图片资源 URl 的通用部分。

假设需要引入的资源地址为：

https://cdn.visdot.com/img/hugo.svg

则 render-image.html 文件内容为:

<img src="https://cdn.visdot.com{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title}} title="{{ . }}"{{ end }} />

在 Markdown 中填写:

![Hugo](/img/hugo.svg "hugo-img")

将在 HTML 文件中将会生成：

<img src="https://cdn.visdot.com/img/hugo.svg" atl="Hugo" title="hugo-img">