Hugo页面链接在新标签页打开的设置

博客文章中的链接默认是在当前页面跳转的,不符合我的使用习惯。Hugo官方对此是有解决方案的,以下是解决方案。

我的博客使用的 Hugo 版本是0.87.0.。自0.69版本以来,Hugo 改为使用 Goldmark 渲染博客页面,为了实现新窗口打开链接,需要改变渲染时的 link 的属性,这需要使用 RenderHook 技术。

在所使用的模板的目录下按以下文件路径theme/[themeName]/layouts/_default/_markup/render-link.html,在新建的render-link.html中输入以下内容:

<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank"{{ end }}>{{ .Text }}</a>

其实,就是在该渲染模板中告诉 Goldmark 将链接的 target="_blank" 属性加进去。

以上,保存后重新提交到远程仓库就可以了。

PorchLab-Hugo - Open External Links in a New Tab

How to Open Link in New Tab with Hugo&rsquo;s new Goldmark Markdown Renderer

https://agrimprasad.com/post/hugo-goldmark-markdown/