代码块语法高亮

技术博客少不了代码，纯黑底白字可读性差。语法高亮能区分关键字、字符串、注释。

引入 highlight.js

<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/highlight.js/styles/github.min.css">
<script src="https://fastly.jsdelivr.net/npm/highlight.js/lib/common.min.js"></script>
<script>hljs.highlightAll();</script>

然后给代码块加 class="language-css" 即可。

适配暗色

高亮主题分亮色（github）和暗色（github-dark）。用 CSS 变量或站点主题切换时同步换样式表：

function setTheme(t) {
  document.getElementById('hljs').href =
    t === 'dark' ? 'github-dark.min.css' : 'github.min.css';
}

若用 Astro/Markdown，也可在构建期直接高亮，避免运行期抖动。