与Jekyll和Pygments的在线代码？

我使用Markdown和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 %}不起作用。 （也许这是我的设置的问题 - 这是Ruby 2.0，Jekyll 0.12.1，pygments.rb 0.3.7？）

我想在GitHub上托管这个页面，这意味着我不能依赖一个插件。 Bummer，对吧？

附录：行编号（即{% 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

---

您可以将CSS类添加到放置在帖子中的任何对象。

如果你像这样定义一个CSS条目：

.inlined { display:inline; }

然后，您可以将此类添加到生成的<div> ：

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

这适用于所有类型的对象（表格，图像等）。 我现在无法测试，但我认为这将解决问题。

当你测试它时，看看输出的HTML。 然后您会发现您的<div>现在具有class=inlined属性集。

---

.highlight div有什么问题？ 它放在那里使语法突出显示易于主题。 要将包装器更改为span，我的下注是您必须更改Jekyll配置。

线号仅在您有多行代码片段时出现。

链接地址: http://www.djcxy.com/p/70257.html

上一篇: line code with Jekyll and Pygments?

下一篇: Bootstrap tooltip with angularjs using $http to load the content of the tooltip