Tailwind CSS Prose 代码美化：使用 Prism.js 实现语法高亮

要美化代码，您可以在 Tailwind CSS 的 Prose 类中使用其他工具或库来实现。以下是一种方法：

1. 使用 Prism.js：Prism.js 是一个轻量级的语法高亮库，可以很容易地与 Tailwind CSS 集成。首先，在您的项目中安装 Prism.js：

npm install prismjs

2. 在您的 HTML 文件中引入 Prism.js 的 CSS 和 JavaScript 文件：

<link rel='stylesheet' href='node_modules/prismjs/themes/prism.css' />
<script src='node_modules/prismjs/prism.js'></script>

3. 在 tailwind.config.js 文件中添加自定义的 Prose 类：

module.exports = {
  theme: {
    extend: {
      typography: {
        DEFAULT: {
          css: {
            'code::before': {
              content: 'none',
            },
            'code::after': {
              content: 'none',
            },
          },
        },
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}

4. 在您的 HTML 文件中使用 Prose 类和 Prism.js 的语法高亮类来美化代码块：

<div class='prose prose-lg'>
  <pre><code class='language-javascript'>
    function helloWorld() {
      console.log('Hello, World!');
    }
  </code></pre>
</div>

这将应用 Tailwind CSS 的 Prose 样式和 Prism.js 的语法高亮样式，使您的代码块看起来更美观。

请注意，这只是一种方法，您可以根据自己的需求使用其他工具或库来美化代码。