css - Jekyll:为外部链接(目标和 CSS 类)生成自定义 HTML

Question

据我所知，target <a> 的属性链接不能由 CSS 指定。我希望能够在基于 Jekyll 的 Markdown 文档中生成具有以下输出的外部链接:

<a href="the-url" class="external" target="_blank">the text</a>

没有求助于这样的东西:

[the text](the url){:target"_blank" class="external"}

我不想硬编码 target在每个链接中，因为我可能想在某个时候更改它，所以它也很吵。所以理想情况下我会

[the text](the url){:class="external"}

...但是 CSS 无法添加 target="_blank" .

所以我的想法是一个允许我编写的自定义插件

{% ext-link the-url the text %}

有这样的插件吗？有没有更好的方法来实现这一目标？

Answer 1

当你需要在 Github 页面上做这件事，然后又不能使用插件时，你可以用 javascript 来做:

// any link that is not part of the current domain is modified

(function() {
  var links = document.links;
  for (var i = 0, linksLength = links.length; i < linksLength; i++) {
    // can also be
    //  links[i].hostname != 'subdomain.example.com'
    if (links[i].hostname != window.location.hostname) {
      links[i].target = '_blank';
      links[i].className += ' externalLink';
    }
  }
})();

灵感来自 this answer .