Nuxt Content

配置 Nuxt Content 模块.

默认的 Nuxt 内容配置可以在 nuxt.config.ts 中被覆盖.

nuxt.config.ts
export default defineNuxtConfig({
  devtools: { enabled: true },
  extends: ['shadcn-docs-nuxt'],

  // 在这里编写
  content: {
    // ...
  },

  compatibilityDate: '2024-07-06',
});

语法高亮

主题

nuxt.config.ts
export default defineNuxtConfig({
  content: {
    highlight: {
      theme: {
        // 默认主题
        default: 'github-light',
        // 深色模式使用的主题
        dark: 'github-dark',
      }
    }
  }
});

语言

默认突出显示的语言是: ['json', 'js', 'ts', 'html', 'css', 'vue', 'diff', 'shell', 'markdown', 'yaml', 'bash', 'ini'].

如果你需要突出显示其他语言, 请在你的 nuxt.config.ts 中添加它们.

nuxt.config.ts
export default defineNuxtConfig({
  content: {
    highlight: {
      langs: ['c', 'cpp'],
    },
  },
});

默认配置

nuxt.config.ts
export default defineNuxtConfig({
  content: {
    documentDriven: true,
    highlight: {
      theme: {
        default: 'github-light',
        dark: 'github-dark',
      },
      preload: ['json', 'js', 'ts', 'html', 'css', 'vue', 'diff', 'shell', 'markdown', 'mdc', 'yaml', 'bash', 'ini', 'dotenv'],
    },
    navigation: {
      fields: ['icon'],
    },
    experimental: {
      search: {
        indexed: true,
      },
    },
  },
});
编辑此页面
概览
Customizing shadcn-docs-nuxt.
OG 图片
自定义动态 OG 图像.