Tailwind CSS

Tailwind CSS 是一个 CSS 框架，提供一组预定义的 CSS 类，用于快速样式化元素。您可以按照官方的 Next.js 的 Tailwind CSS 文档 (opens in a new tab) 来为您的 Nextra 项目设置 Tailwind CSS。

要在您的 Markdown 文件中使用 Tailwind 类，您还需要将 .md 和 .mdx 文件添加到 tailwind.config.js 中的 content 列表中：

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,jsx,ts,tsx,md,mdx}',
    './components/**/*.{js,jsx,ts,tsx,md,mdx}',
 
    // Or if using `src` directory:
    './src/**/*.{js,jsx,ts,tsx,md,mdx}'
  ],
  theme: {
    extend: {}
  },
  plugins: []
}

Mermaid LaTeX