wordpress代码高亮

🖥️ 1. 网页端代码高亮（前端展示）

🔹 常见插件 / 库

1. Prism.js
   • 轻量、支持多语言
   • 可定制主题
   • 官网：https://prismjs.com
2. Highlight.js
   • 支持 180+ 种语言
   • 自动检测代码语言
   • 官网：https://highlightjs.org
3. Shiki
   • 基于 VSCode 语法高亮
   • 渲染效果接近编辑器
   • 适合 Markdown 渲染

👉 在网页使用（以 Highlight.js 为例）：

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>

<pre><code class="language-python">
def hello():
    print("Hello, world!")
</code></pre>

📝 2. Markdown / 博客平台

• Hexo / Hugo / Jekyll 都内置或可配置 highlight.js 或 Prism.js
• VSCode 插件：
  • Markdown Preview Enhanced（预览时高亮）
  • Code Spell Checker（增强代码可读性）

🧑‍💻 3. 编辑器 / IDE

• VSCode 插件
  • Python（微软官方，语法高亮+Lint）
  • Better Comments（高亮注释）
  • One Dark Pro（主题美化，带高亮）
• JetBrains 系列（PyCharm、WebStorm）
  • 内置语法高亮
  • 可用主题插件（如 Material Theme UI）

📦 4. Python 项目文档

• Sphinx + Pygments（生成文档时支持代码高亮）
• MkDocs + Material（默认集成 highlight.js 或 Pygments）