惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

IT之家
IT之家
Last Week in AI
Last Week in AI
博客园_首页
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 叶小钗
大猫的无限游戏
大猫的无限游戏
人人都是产品经理
人人都是产品经理
V
Visual Studio Blog
宝玉的分享
宝玉的分享
博客园 - Franky
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
月光博客
月光博客
T
Tailwind CSS Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
量子位
博客园 - 聂微东
S
SegmentFault 最新的问题
博客园 - 司徒正美
罗磊的独立博客
V
V2EX
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
美团技术团队
小众软件
小众软件
Jina AI
Jina AI

Dvel's Blog

Rime 全拼双拼混输 CHD 油猴脚本:每日签到自动答题 Rime 配置:雾凇拼音 Hammerspoon 自动切换输入法 修复 Hugo 本地图片的累计布局偏移(CLS)问题 macOS 利用 Karabiner 修改 Emacs 键位为 Vim 键位 macOS 修改 Emacs 键位为 Vim 键位 Surge 配置 汉字的混乱 Netflix 中英双语字幕的好办法 优化 Rime 英文输入体验 判断字符是否为简体字或繁体字 Cloudflare 转入域名提示「出现了问题。请重试转移此域。尚未向您收费。」 图片压缩:Squoosh、TinyPNG、ImageOptim、WebP macOS grep + sed 批量替换多个文件的内容 在 macOS 根目录创建文件夹 博客图床小妙招 折腾 Hugo & PaperMod 主题 利用 Cloudflare Workers 进行批量 301 重定向 将博客部署在 Cloudflare Pages Alfred File Navigation(文件导航器)详解 日期与时间(UTC、GMT、时间戳、时区) 让 Alfred 以新标签的方式打开 Finder 用 git filter-branch 给 Git 仓库瘦身 qBittorrent 设置教程 联通光猫破解+桥接记录 配置 Mac 终端走代理 Steam for Mac 中文游戏推荐 我的 Mac 软件/工具列表 《Flask Web 开发》笔记
在 Hugo Goldmark Markdown 中设置以新标签打开链接
Dvel · 2022-01-05 · via Dvel's Blog

方法一:HTML 标签的方法

[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true

这样支持了 HTML 标签:

<a href="https://example.com" target="_blank">example.com</a>

但比较麻烦,不推荐,不过建议开启这个功能以支持 HTML 语法。

方法二:在 blackFriday 中渲染

Hugo 已在 v0.60 后默认使用了符合 CommonMark 标准的 Goldmark 渲染器。

不过仍然可以启用 blackFriday 渲染器来设定其 hrefTargetBlank 属性为 true

[markup]
  defaultMarkdownHandler = 'blackFriday'
  [markup.blackFriday]
    hrefTargetBlank = true

但这样就放弃了更快更标准的 Goldmark Markdown 渲染器。

方法三(推荐):使用 Goldmark 的 Markdown Render Hooks

需要 Hugo 版本大于 v0.62.0 并启用 Goldmark(默认就是)。

创建 render-link.html 文件在 ./themes/<你的主题>/layouts/_default/_markup/ 目录。

内容:(参考官方文档

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

推荐使用此方法,自动为所有文章内的链接加上了 target="_blank" rel="noopener"


但是站内链接也都加上了 target="_blank" rel="noopener"

站内链接建议写 path:

[title](/foo/bar/)
↓ 会被简单解析为: ↓
<a href="/foo/bar/">title</a>