高亮代码方法很多种,
这里介绍prismjs
下载prismjs
上传web

head加入

<link href="/路径/prism.css" rel="stylesheet" />

body加入

<script src="/路径/prism.js"></script>

别加错了

<!DOCTYPE html>
<html>
<head>
     ...
     <link href="路径/prism.css" rel="stylesheet" />
</head>
<body>
     ...
     <script src="路径/prism.js"></script>
</body>
</html>

然后高亮代码写法

<pre><code class="language-XXX">……代码……</code></pre>

language-xxx,xxx可更换任何语言。
官网下载;也可以去官方文档
https://prismjs.com
当然有些博客程序是有插件支持的!