VuePress 主题配置：useThemeConfig 指南

VuePress 主题配置：useThemeConfig 指南

VuePress 提供了强大的主题定制功能，使用 useThemeConfig 函数可以方便地修改默认主题的行为、添加插件和自定义导航栏等。

1. 基本使用

useThemeConfig 函数接收一个对象参数，该对象包含各种主题配置选项。例如，以下代码将网站标题设置为 'My VuePress Site'：

import { defineConfig } from 'vuepress/config';

module.exports = defineConfig({  
  themeConfig: {  
    siteTitle: 'My VuePress Site'  
  }  
});

2. 配置选项

useThemeConfig 支持许多配置选项，以下列出一些常用的选项：

• siteTitle: 网站标题
• logo: 网站 Logo 图片路径
• repo: 代码仓库地址
• docsDir: 文档目录
• editLinks: 是否显示编辑链接
• nav: 导航栏配置
• sidebar: 侧边栏配置
• plugins: 插件配置

3. 自定义主题

useThemeConfig 还允许你自定义主题。你可以创建自己的主题，并将其应用于你的 VuePress 网站。

4. 总结

useThemeConfig 是 VuePress 主题配置的核心函数，通过它可以轻松地修改默认主题的行为，添加插件和自定义导航栏等，为你的网站提供更个性化的体验。