Hugo设置在新页面打开链接

2022-06-18想法与笔记253 字

默认情况下，打开Hugo博客中的链接，会在当前浏览器页面上直接进行跳转的，而不会在新浏览器标签页中打开。这导致了较差的用户体验，并且还可能让读者跳出了网站，终止后续阅读，不利于网站更多内容的呈现。

我们可以进行如下简单的配置，实现在新标签页打开链接的优化：在theme目录下找到当前主题对应的文件夹目录，在其下layouts\_default\_markup路径（如果没有自行建立）添加文件render-link.html，将下面一段代码复制到文件里后，即可配置完成

1

<a href="{{ .Destination | safeURL }}"{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener noreferrer"{{ end }}>{{ .Text | safeHTML }}</a>

Hugo