语法高亮 – 如何使用Jekyll和Pygments获取内联代码?

前端之家收集整理的这篇文章主要介绍了语法高亮 – 如何使用Jekyll和Pygments获取内联代码?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Markdown with Liquid标签为Jekyll生成的网站标记一些代码,并希望包含一些内联(在段落中)并具有彩色语法(使用Pygments)的代码,但它不会似乎工作.

标记

Lorem ipsum dolor {% highlight javascript %} var sit = "amet"; {% endhighlight %} consectetur adipiscing elit.

结果是

<p>Lorem ipsum dolor <div class='highlight'><pre><code class='javascript'> <span class='kd'>var</span> <span class='nx'>sit</span> <span class='o'>=</span> <span class='s2'>&quot;amet&quot;</span><span class='p'>;</span></code></pre></div> consectetur adipiscing elit.</p>

我非常希望突出显示文字不包含在< div class ='highlight'>中,或者至少让它成为< span class ='highlight'>.

使用{%highlight javascript nowrap%}不起作用,如suggested elsewhere.(也许这是我的设置问题 – 这是Ruby 2.0,Jekyll 0.12.1,pygments.rb 0.3.7?)

我想host this page on GitHub,这意味着我不能依赖插件.糟糕,对吧?

附录:行编号(即{%highlight javascript linenos%})似乎也不起作用.人.

解决方法

最简单的方法是使用Github Flavored Markdown并使用它们的默认内联代码.

在_config.yml文件中,将markdown更改为redcarpet.你现在准备好与GFM合作了.

markdown: redcarpet

现在您可以关注所有GitHub Markdown.要执行内联代码,如下所示:

Here is some `inline code` in the middle of sencence
原文链接:https://www.f2er.com/css/214957.html

猜你在找的CSS相关文章