【问题标题】:Displaying New tab after clicking a tag单击标签后显示新标签
【发布时间】:2021-08-29 03:35:31
【问题描述】:

我是 Hugo 的新手,我想快速制作一个作品集来展示我的 Google Drive Excel 表格,所以我下载了一个主题。这是一个生成 Markdown 的模板,我一直在尝试编辑:

<p>{{. | markdownify}}</p>

我希望点击markdownify(在那个p标签中)生成的链接在新标签页中打开。

【问题讨论】:

    标签: hyperlink hugo hugo-shortcode


    【解决方案1】:

    您可以adjust the global Markdown rendering settings 使用 Blackfriday Markdown 渲染器并设置 hrefTargetBlank 标志,使 Markdown 中的链接始终在新选项卡中打开。将此添加到您的 config.toml(或 YAML/JSON 中的等效项)

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

    如果您需要更复杂的逻辑来确定何时在新选项卡中打开链接或需要使用 Goldmark Markdown 渲染器,您可以使用 render-link render hook 使用模板覆盖 Markdown 渲染器的输出。最简单的渲染钩子就是这个(在layouts/_default/_markup/render-link.html 中)。有关这方面的完整详细信息,请参阅文档。

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

    【讨论】:

      猜你喜欢
      • 2019-11-08
      • 1970-01-01
      • 2017-06-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-02
      • 1970-01-01
      相关资源
      最近更新 更多