Question

我正在尝试使用Prismjs https://prismjs.com/index.html文件突出显示插件https://prismjs.com/plugins/file-highlight/突出显示C ++文件。所以我尝试了：

<html>
<head>
<title>Welcome to nginx!</title>
<style>
    body {
        width: 35em;
        margin: 0 auto;
        font-family: Tahoma, Verdana, Arial, sans-serif;
    }
</style>
    <link href="themes/prism.css" rel="stylesheet" />
</head>
<body>
    <script src="prism.js"></script>
    <pre data-src="main.cpp"></pre>
    <pre><code class="language-css">p { color: red }</code></pre>
</body>
</html>

但是它不起作用。一块CSS出现在其中，但是main.cpp（与index.html和prism.js在同一文件夹中）没有显示。我得到了：

关于我的任何建议？

我不习惯html / css / js。

Answer 1

如@Norman Potts所述，您需要添加文件突出显示插件。

我用过： https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+c+cpp+json&plugins=line-highlight+line-numbers+file-highlight+keep-markup+unescaped-markup

您也只需要这个

<pre data-src="main.cpp"></pre>

不是这个

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

Answer 2

下载棱镜时，您没有选择“文件突出显示”插件。只是有同样的问题。再次下载并选择它，它对我有用。

Prismjs高亮文件

2 个答案: