使用highlight.js

Question

我有Laravel項目（類似科技博客網站），我想在我的網站上使用highlightjs，我按照他們的教程和鏈接highlight.pack.js和我想要的CSS來我的網站，讓我去提前在我的網站上嘗試它並創建了一篇文章，並嘗試了以下代碼;

<pre> 
    <code class="html"> 
     <input type="text" name="test" id="test" value=""> 
    </code> 
</pre> 

但它沒有突出顯示它，它只是將其視爲文本。 可能是什麼問題呢？如果需要，我可以提供直播網站。

Answer 1

您叫initHighlightingOnLoad()？

如果您想手動初始化它，只需將其添加到要突出顯示的地方即可。

$(document).ready(function() { 
    $('pre code').each(function(i, block) { 
     hljs.highlightBlock(block); 
    }); 
}); 

的CDN託管包不具備所有的語言。如果您在"Common" section中看不到需要的語言，則可以手動添加它：

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/languages/go.min.js"></script>