代码与语义的UI

Question

突出我使用语义UI的一个网站，我想知道，如果代码高亮是它支持的实际特征。

有整个图书馆的docs pages与突出显示的代码所示的代码块，但我无法找到有关如何在我的项目中使用它的任何细节。

看着自己的页面的源代码后，我试图创建下面的div它没有突出代码：

<div class="ui segment"> 
    <div class="ui ignored code" data-type="bash" data-title="commands"> 
    #!/bin/bash 

    # test 
    echo 'hello there' 
    </div> 
</div> 

也试过，包括这个脚本： http://semantic-ui.com/javascript/library/highlight.min.js

难道我的编码是错误的或者是代码突出甚至没有图书馆的一部分？

Answer 1

由于jlukic在这个post说，他们使用highlight.js库插入code.Then你需要初始化initHighlightingOnLoad()功能使用自己的代码语法：

hljs.initHighlightingOnLoad();

<script src="https://semantic-ui.com/javascript/library/highlight.min.js"></script> 
 

 
<div class="ui segment"> 
 

 
    <pre><code class="bash"> 
 

 
     #!/bin/bash 
 

 
     # test 
 
     echo 'hello there' 
 
    </code></pre> 
 
</div>