# 代碼高亮 [TOC] ## prismjs 組件使用 [prismjs](http://prismjs.com/index.html#basic-usage) 構建 **使用**  ``` <pre><code class="language-javascript line-numbers"> window.hdjs = {}; window.hdjs.base = '../'; window.hdjs.uploader = 'php/uploader.php?'; window.hdjs.filesLists = 'php/filesLists.php?'; </code></pre> <script> require(['prism']) </script> ``` **可用語言** 插件基本支持所有開發語言，具體請查看 [https://prismjs.com/#languages-list](https://prismjs.com/#languages-list) 。 使用方式是 `language-xxxx` 比如 `language-css` ## highlight highlight 也是一個代碼高亮插件，https://highlightjs.org **使用方法** ``` <div id="markdown"> {!! $article['Markdown'] !!} </div> <script> require(['hdjs', 'marked', 'highlight'], function (hdjs, marked) { $(document).ready(function() { $('pre code').each(function(i, block) { hljs.highlightBlock(block); }); }); }) </script> ```