"本文介绍了如何通过PrismJS库为网页中的代码片段添加高亮效果。首先，你需要从官方网站下载prism.css和prism.js文件并放置在项目目录中。接着，在HTML文件的<head>部分引入这两个文件，并在<body>内使用<pre><code class="language-XXX">包裹需要高亮的代码，这里的'XXX'表示代码语言类型，如'css'。这样就能实现代码的优雅展示。"
代码高亮显示
资源网站： https://prismjs.com/
下载css和js文件，将这两个文件引入项目的static/lib/prism下（目录随便你放）
在页面中引入css和js文件
<!DOCTYPE html>
<html>
<head>
...
<link href="themes/prism.css" rel="stylesheet" />
</head>
<body>
...
<script src="prism.js"></script>
</body>
</html>
<pre><code class="language-css">p { color: red }</code></pre>
p { color: red }是包含的高亮内容，所以要高亮显示的内容必须放在pre和code这两对标签里面。
扫一扫
6112
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
