div 内的围栏代码块

Question

我正在尝试在 Github 上创建一个 Jekyll 项目，使用 Material Design Components. MDC states that Elements are not natively styled 设置样式，这意味着大多数（如果不是全部）元素都需要使用 类 设置样式.现在这意味着

<div class="mdc-typography">
  <div class="mdc-layout-grid max-width">
    <div class="mdc-layout-grid__inner">
      <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-8">

      ```js
      // some js
      ```

      </div>
    </div>
  </div>
</div>

实际上并没有按预期呈现代码。相反，它呈现为纯文本。我想我对此有点陌生。但是，在 类 的 div 标签中嵌套围栏代码块的正确方法是什么？

降价的规则是必须至少缩进4个空格。我知道这一点。

Answer 1

如果你在你的 jekyll 项目上写这篇文章，请使用

{% highlight javascript %}

{% endhighlight %}

Jekyll Docs

这是另一个与您类似的堆栈问题：link

或者，您可以像代码一样设置样式。