如何用octopress显示代码

Question

我希望在我的使用Octopress构建的网站上显示以下文字：

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

我在我的文字之后插入了{％raw％}和{％endraw½}。

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

结果是：

{% for item in site.categories %}

• 列出项目 {{item [0] |大写}} [{{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>

Answer 1

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

使用'Raw'标记和代码块

{% raw %}

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

{% 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 %}