代码美化JS--prismjs

2022-03-31 10:18:49 浏览：1699 作者：保利尼奥

https://www.jianshu.com/p/1619c91f73c2 简书地址

下载

选择好颜色，我选tomorrow night
选择语言类型
选择插件
点击download下载js和css

引用

<link rel="stylesheet" href="css/prism.css" /><script src="js/prism.js"></script>

使用

<pre class="line-numbers"><code class="language-css">p { color: red }</code></pre>

全代码

<!DOCTYPE html><html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/prism.css" />
    </head>
    <body>
            <pre class="line-numbers">
                <code class="language-css">p { color: red }</code>
            </pre>
        <script src="js/prism.js" type="text/javascript" charset="utf-8"></script>
    </body></html>