我可以在Markdown中创建“目标=“_blank””的链接吗?

有没有办法在Markdown中创建一个在新窗口中打开的链接?如果不是，您建议使用什么语法来完成此操作?我将把它添加到我使用的markdown编译器中。我认为这应该是一个选择。

当前回答

一个全局解决方案是放置<base target="_blank"> 到页面的<head>元素中。这有效地将默认目标添加到每个锚元素。我使用markdown在我的基于wordpress的网站上创建内容，我的主题定制器将允许我将该代码注入到每个页面的顶部。如果您的主题不能做到这一点，可以使用插件

2018-01-26 21:14:34

其他回答

使用MUI v5“markdown-to-jsx”

这似乎对我很管用:

import Markdown from 'markdown-to-jsx';

...

  const MarkdownLink = ({ children, ...props }) => (
    <Link {...props}>{children}</Link>
  );

...

          <Markdown
            options={{
              forceBlock: true,
              overrides: {
                a: {
                  component: MarkdownLink,
                  props: {
                    target: '_blank',
                  },
                },
              },
            }}
          >
            {description}
          </Markdown>

2022-06-29 15:39:09

我不认为停留在一个浏览器选项卡中会有更好的用户体验。如果你想让人们留在你的网站上，或者回来读完那篇文章，在一个新的标签中把他们发送出去。

在@davidmorrow的回答上，把这个javascript扔到你的网站上，把外部链接变成target=_blank的链接:

    <script type="text/javascript" charset="utf-8">
      // Creating custom :external selector
      $.expr[':'].external = function(obj){
          return !obj.href.match(/^mailto\:/)
                  && (obj.hostname != location.hostname);
      };

      $(function(){
        // Add 'external' CSS class to all external links
        $('a:external').addClass('external');

        // turn target into target=_blank for elements w external class
        $(".external").attr('target','_blank');

      })

    </script>

2014-02-21 11:52:41

我在尝试使用PHP实现markdown时遇到了这个问题。

由于用户生成的链接创建markdown需要在一个新的选项卡中打开，但网站链接需要留在选项卡中，我改变了markdown，只生成在一个新的选项卡中打开的链接。所以不是所有的链接在页面上链接，只是那些使用markdown。

在markdown我改变了所有的链接输出为<a target='_blank' href="…>，这很容易使用查找/替换。

2014-01-06 23:28:49

没有简单的方法来做到这一点，就像@alex指出的那样，你需要使用JavaScript。他的答案是最好的解决方案，但为了优化它，你可能只想过滤到内容后链接。

<script>
    var links = document.querySelectorAll( '.post-content a' );  
    for (var i = 0, length = links.length; i < length; i++) {  
        if (links[i].hostname != window.location.hostname) {
            links[i].target = '_blank';
        }
    }
</script>

该代码与IE8+兼容，您可以将其添加到页面底部。注意，您需要更改“。Post-content (Post-content)指向你在帖子中使用的类。

如下所示:http://blog.hubii.com/target-_blank-for-links-on-ghost/

2015-08-27 14:10:06

如果有人正在寻找一个全局rmarkdown (pandoc)解决方案。

使用Pandoc Lua过滤器

你可以编写自己的Pandoc Lua过滤器，将target="_blank"添加到所有链接:

编写一个Pandoc Lua过滤器，例如links.lua

function Link(element)

    if 
        string.sub(element.target, 1, 1) ~= "#"
    then
        element.attributes.target = "_blank"
    end
    return element

end

然后更新你的_output.yml

bookdown::gitbook:
  pandoc_args:
    - --lua-filter=links.lua

在Header中注入<base target="_blank">

另一种解决方案是使用includes选项在HTML头部部分注入<base target="_blank">:

创建一个新的HTML文件，例如links.html

<base target="_blank">

然后更新你的_output.yml

bookdown::gitbook:
  includes:
    in_header: links.html

注意:此解决方案还可能为哈希(#)指针/ url打开新选项卡。我还没有用这样的url测试这个解决方案。

2022-02-23 01:14:56

我可以在Markdown中创建“目标=“_blank””的链接吗?

推荐文章

最新文章

标签