我使用Hugo部署静态web,使用Markdown,我想解决的问题很简单.

  1. < rawhtml >}}<a href="https://en.wikipedia.org/wiki/Rasmus_Lerdorf" target="blank">Rasmus Lerdorf</a></br>{{< /rawhtml >
  2. [link with title](http://nodeca.github.io/pica/demo/ "target="blank")

第一种方法有效,但第二种方法无效.

推荐答案

你需要在/layouts/_default/_markup/创建一个名为render-link.html的新文件.

在该文件中,您可以将其自定义为以下内容:

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

以下是将会发生的情况:

  • [link1](../something/ title="title")=>;<a href="../something/" title="title">link1</a>
  • [link2](https://example.com)=>;<a href="https://example.com">link2</a>

它只会将其添加到带有"http"和"https"的URL中.

渲染挂钩的文档可以在这里找到:https://gohugo.io/templates/render-hooks/.

Html相关问答推荐

Flexbox嵌套div溢出

NG8004:找不到名为""的管道.'' [插件Angular 编译器]

当我关闭时,导航栏跳到了新的生产线

尽管div高度为100%,div中的内容仍会溢出

在TWebLabel标题中设置换行符/换行符的方法?

在R中从网页上的特定iframe中提取图形数据

如何制作';在第';页中搜索;是否发现多个元素中的单词?

如何使 CSS 网格项目像 Flexbox 项目一样匹配父级的高度

如何将多个类名组合到CSS中的一个关键帧

带有图像的虚线边框

在 WooCommerce 存档产品类别描述上添加阅读更多/阅读更少按钮

如何使元素具有粘性

如何使粘性导航栏能够跨其他组件工作?

如何影响 HTML 元素的哪些子元素导致其增长,哪些不增长?

如何使用jQuery将我制作的通用头部和底部加载到多个HTML文件中?

使用 R markdown 在 html 中包含图像

如何根据行中的其中一列将行居中?

如何在单击按钮时切换 Blazor 中的类?

用 flexbox 和 overflow 覆盖

用 flexbox 和 overflow 覆盖