2-配置文件使用

配置文件使用

站点配置

• VuePress 站点的基本配置文件是 .vuepress/config.ts

• 一个基础的配置文件是这样的：

import { defineUserConfig } from 'vuepress'

export default defineUserConfig({
 lang: 'zh-CN',
 title: '你好， VuePress ！',
 description: '这是我的第一个 VuePress 站点',
})

• 这里面最重要的就是base这个配置,这个配置在部署到服务器的时候需要用到
• 站点配置参考链接 https://v2.vuepress.vuejs.org/zh/reference/config.html#base

主题配置

• 主题配置这里使用的是默认主题, 对默认主题进行修改 我们需要在配置文件进行引用,下面是默认的主题配置

  import { defaultTheme } from 'vuepress'
  
  export default {
    theme: defaultTheme({
      // 默认主题配置
      navbar: [
        {
          text: '首页',
          link: '/',
        },
      ],
    }),
  }
  

• 我们需要将这里两个配置整合一下

import {defaultTheme, defineUserConfig} from 'vuepress'

export default defineUserConfig({
    lang: 'zh-CN',
    title: '你好， VuePress ！',
    description: '这是我的第一个 VuePress 站点',

    theme: defaultTheme({
        // 默认主题配置
        navbar: [
            {
                text: '首页',
                link: '/',
            },
        ],
    }),
})

• 主题配置官方文档地址: https://v2.vuepress.vuejs.org/zh/guide/theme.html

注意

• 可以使用pnpm install 安装全部依赖,获取更加完善的提示