2017-09-29 53 views
1

我正在尝试在Github上创建一个Jekyll项目,使用Material Design Components进行样式设计。 MDC指出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个空格。我意识到这一点。

回答

2

如果你在你的化身项目写这个使用

{% highlight javascript %} 

{% endhighlight %} 

Jekyll Docs

这里与你相似的另一组问题:link

或者,您也可以风格它像它的代码。