【问题标题】:Placing links inside markdown code blocks在 Markdown 代码块中放置链接
【发布时间】:2013-12-04 05:43:36
【问题描述】:

我想使用 GitHub 风格的 Markdown 在我的代码块中添加链接。

```cpp
void Click ([Keycode](#keycode) key) const
```

不幸的是,它将其呈现为代码,无论如何要使其成为链接?

【问题讨论】:

    标签: github hyperlink markdown


    【解决方案1】:

    如果它是一小段代码,这应该可以解决问题:

    [`this is code`](https://this_is_url/)

    【讨论】:

      【解决方案2】:

      据我所知,GitHub Flavored Markdown 的当前实例不支持这个。

      all 块使用<div class="highlight highlight-html"><pre>... </pre></div> 呈现,这意味着您的降价链接不会被解释。

      最好将该链接放在代码部分之前(除非该部分在您的代码中有许多类似的链接)。

      【讨论】:

      • highlight-html 可能因检测到的语言而异,但要点仍然存在:所有内容都包含在 pre 中,这意味着任何代码(markdown 或 html)都不会被解释。
      • 是的,我很确定你是对的。对我来说,这更像是一个设计问题,但我想我找到了解决方法(见我的回答)。
      • 谢谢@Dave。您的回答很好地解决了这个问题。
      【解决方案3】:

      正如 VonC 所建议的,当前版本的 GitHub Flavored Markdown 可能无法实现。话虽如此,我确实找到了一种适合我要求的方法。通过使用<big><pre><b> 等标签,我可以模拟语法高亮并获得我想要的效果。可惜我不能添加自己的颜色。

      <big><pre>
      **void** Click ([**Keycode**](#keycode) key) **const**
      </pre></big>
      

      【讨论】:

      • +1,但您最初的问题是关于是否包含链接(您可以点击的内容),而不仅仅是视觉方面。所以我的答案是正确的。
      • 我没有反驳你的答案,只是提供了一个替代方案。
      • 您不需要&lt;big&gt; 标签。只需在 &lt;pre&gt; 标记前加一个空格即可。
      • 但是&lt;big&gt; 更接近于代码块与``` 的关系,所以我很高兴他推荐了它。
      【解决方案4】:

      你可以在 Markdown 中使用 HTML 来做到这一点,是的,甚至在 Github 上:

      <pre>
      <a href="my-url">Something</a>
      </pre>
      

      【讨论】:

      【解决方案5】:

      这就是诀窍。

      我在我的 GitHub 个人资料页面上使用它来将链接放入代码块中。

      <pre>
       <code>
        <a href="https://github.com/gmarciani">gmarciani</a>
       </code>
      </pre>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-05-31
        • 1970-01-01
        • 2017-12-06
        • 1970-01-01
        • 2012-11-24
        • 2015-10-31
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多