代碼與語義的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>