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