Jekyll 如何使用octopress显示代码

我想在使用Octopress构建的网站上显示以下文本：

<ul>
{% for item in site.categories %}
<li><a href="/categories/{{ item[0] }}/">{{ item[0] | capitalize }}</a> [ {{ item[1].size }} ]</li>
{% endfor %}
</ul>

• 列表项 {{item[0]| capitalize}}[{{item[1].size}}}]
  {%endfor%}

我被期望：

<ul>
{% for item in site.categories %}
<li><a href="/categories/{{ item[0] }}/">{{ item[0] | capitalize }}</a> [ {{ item[1].size }} ]</li>
{% endfor %}
</ul>

{site.categories%%中的项目的%s}
[{{item[1].size}]
{%endfor%}

您可以采取两种方法，我假设您正在尝试将此内容放入一个标记文件中，并使用Jekyll中的kramdown标记处理器

使用“原始”标记和代码块

{%raw%}
~~~

{site.categories%%中的项目的%s}
[{{item[1].size}]
{%endfor%}

~~~
{%endraw%}

需要使用原始标记来防止液体标记被处理，而防护代码块防止HTML直接通过标记处理器。它将以代码块的形式显示，如上所述

使用“原始”和“突出显示” 如果希望突出显示HTML，可以使用这种方法。不幸的是，Pygments不能突出显示液体标签

{% highlight html %}
{% raw %}
<ul>
{% for item in site.categories %}
<li><a href="/categories/{{ item[0] }}/">{{ item[0] | capitalize }}</a> [ {{ item[1].size }} ]</li>
{% endfor %}
</ul>
{% endraw %}
{% endhighlight %}

{%highlight html%}
{%raw%}

{site.categories%%中的项目的%s}
[{{item[1].size}]
{%endfor%}

{%endraw%}
{%endhighlight%}

你能改写这个吗？现在还不清楚你期望看到什么，或者你想做什么。

raw

标记中有（我假设）错误。我重新编写了我的文本。希望更好。我看不出你的第一个建议和我的方法有什么不同。对我来说，这是行不通的。是的，这是一个标记文件的内容，我使用的是Jekyll和Octopress。@Bertaud您使用的是什么标记处理器（它将产生影响）？您是否尝试按原样复制粘贴我的示例？your方法和my first方法的区别在于，我的方法使用了一个封闭的代码块，以防止HTML也被呈现。Kramdown使用三个“~”字符来表示这一点，一些降价处理器使用三个反勾号。

<ul>
{% for item in site.categories %}
<li><a href="/categories/{{ item[0] }}/">{{ item[0] | capitalize }}</a> [ {{ item[1].size }} ]</li>
{% endfor %}
</ul>

{% raw %}

~~~
<ul>
{% for item in site.categories %}
<li><a href="/categories/{{ item[0] }}/">{{ item[0] | capitalize }}</a> [ {{ item[1].size }} ]</li>
{% endfor %}
</ul>
~~~

{% endraw %}

{% highlight html %}
{% raw %}
<ul>
{% for item in site.categories %}
<li><a href="/categories/{{ item[0] }}/">{{ item[0] | capitalize }}</a> [ {{ item[1].size }} ]</li>
{% endfor %}
</ul>
{% endraw %}
{% endhighlight %}