Pipe “|” 和括号“[”被转换为“\|” 和 Jekyll 代码块 markdown 上的“\[”

Question

我想在 jekyll 博客文章中显示一段代码。 我正在使用以下语法：

{% highlight javascript %}
{% raw %}<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '{{ site.google_analytics }}');
</script>{% endraw %}
{% endhighlight %}

但是，在结果页面上的 '|| []' 字符转换为 '\|| \[]'。 这是呈现的 output 显示

我该如何避免这种情况？ 最好应该有一个不涉及编辑代码片段本身的解决方案。

请注意，我已经用{% raw %}和{% endraw %}附上了代码片段。

Answer 1

实际上，错误是我在使用{% highlight %}标签时不应该使用{% raw %}和{% endraw %} 。

这是正确的代码：

{% highlight javascript %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '{{ site.google_analytics }}');
</script>
{% endhighlight %}