可以使用Prism.js来实现源代码的高亮显示。以下是一个示例： 1.在HTML文件中引入Prism.js和所需的CSS文件：
```
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/themes/prism.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/prism.min.js"></script>
```2.在需要高亮显示的区域添加以下标记：
```
<pre><code class="language-javascript">
var x = 1;
var y = 2;
var z = x + y;
console.log(z);
</code></pre>
```其中，language-javascript是所使用的编程语言，可以根据实际情况替换为其他语言。 3.完成后即可在页面上看到高亮显示的代码。