如何在 Jekyll 页面中使用语法高亮 Jekyll 标记

Question

我正在尝试使用由 kramdown 解析的 Markdown 写一篇基于 Jekyll 的帖子，讲述我如何在 Jekyll 的液体模板引擎中实现某些目标。但是，当页面生成时，Jekyll 似乎会感到困惑，如果我打算渲染它的实际降价，或者它是否应该显示为代码。

因此，我怎样才能使以下 sn-p 在我的帖子中显示为突出显示的代码部分？

{% for post in paginator.posts %}
   <div class="author">{{ post.date | date_to_string }}</div>
   <h3><a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></h3>
   <div class="content">
       {{ post.content | split:"<!--break-->" | first }}
   </div>
   <b><a href="{{ BASE_PATH }}{{ post.url }}">continue reading >></a></b>
   <hr/>
{% endfor %}

Answer 1

假设你有 Liquid 的词法分析器：

{% highlight liquid %}
{% raw %}
{% for post in paginator.posts %}
   <div class="author">{{ post.date | date_to_string }}</div>
   <h3><a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></h3>
   <div class="content">
       {{ post.content | split:"<!--break-->" | first }}
   </div>
   <b><a href="{{ BASE_PATH }}{{ post.url }}">continue reading >></a></b>
   <hr/>
{% endfor %}
{% endraw %}
{% endhighlight %}