如何在Markdown中引用代码?

时间:2015-01-26 03:54:33

标签: html css html5 markdown jekyll

我主要为我的jekyll博客写了markdown文件,所以液体方法还可以

将原始HTML代码插入到markdown时。整个降价代码页看起来很丑陋和困惑。几天之后很难修改。

所以我可以让一些代码成为引用风格。更具体地说,将原始HTML代码放在降价代码页的底部,只使用原始段落中的[...] 。就像链接和图像引用语法一样。

此处的原始代码

  • PARA1
  • PARA2

< a href =“如果这里有长长的无聊的HTML链接,但我想把它放在底部”/>

  • para3各个

我想做的就是

  • PARA1
  • PARA2

[简要参考代码]

  • para3各个

<一个href =“这里仍然有很长的无聊的HTML链接,但我把它放在底部”/>

2 个答案:

答案 0 :(得分:1)

Markdown无法引用除链接以外的内容:

- item 1
- item 2
- [boring_link]
- para3

[boring_link]: https://boring.com/link.html "description of boring link"

使用Jekyll,您可以使用Liquid的capture标记(即使在.md文件中):

{% capture reference %}
… any html content …
{% endcapture %}
…
{{ reference }}

但这只适用于您首先捕获内容

我害怕,不可能完全按照自己的意愿行事;但是根据你的实际HTML内容,应该有多种选择。

答案 1 :(得分:-1)

Jekyll内置语法高亮显示代码,不仅可以确保代码正确呈现(即包含在<pre><code>元素中),还可以添加特定于语言的样式。

对于html突出显示,您可以使用{% highlight html %},例如:

{% highlight html %}
    <div class="alert alert-success" role="alert">
    <strong>Boom!</strong> I'm a code example.
    </div>
{% endhighlight %}