.vitepress执行了，npm init，npm，修改了scipt，出错了如何解决，vitepress的配置，结合up主成功版，能够实现侧边栏跳转，解决方法，一个一个尝试-阿里云开发者社区

.vitepress执行了，npm init，npm，修改了scipt，出错了如何解决，vitepress的配置，结合up主成功版，能够实现侧边栏跳转，解决方法，一个一个尝试

2024-07-03 2

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： .vitepress执行了，npm init，npm，修改了scipt，出错了如何解决，vitepress的配置，结合up主成功版，能够实现侧边栏跳转，解决方法，一个一个尝试

自己写的第一篇初始化文章，出问题了，这是成功的:

第一步：先下载pnpm

npm install -g pnpm

第二步：用pnpm添加vitepress

pnpm add -D vitepress

第三步：初始化的配置的样子

Docs中config.js的配置

import { defineConfig } from 'vitepress'
import { set_sidebar } from './utils/auto_sidebar'
// https://vitepress.dev/reference/site-config
export default defineConfig({
  title: 'Hello VitePress', // 站点的标题
  description: '第一个 VitePress', // 站点的描述，
  themeConfig: {
    description: '第一个 VitePress',// 站点的描述,
    outlineTitle: "目录",
    logo: '/logo.svg',
    nav: [
      {
        text: 'vitepress', items: [
          { text: '首页', link: '/' },
          { text: '01-vitepress右侧出现，排序', link: '../article-package/vitepress/index.md' },
          { text: '02-vitepress自动生成侧边栏', link: '../article-package/vitepress/vitepress02' },
          { text: '03-vitepress如何升级多级标题', link: '../article-package/vitepress/vitepress03' },
          { text: '04-vitepress如何升级多级标题', link: '../article-package/vitepress/vitepress04' },
        ]
      },
      { text: '首页', link: '/markdown-examples' },
      {
        text: '数据保存', items: [
          { text: '01-数据保存常用的方法', link: '/article-package/saveData/saveDate01' }
        ]
      },
    ],
    // ,
    sidebar: {
      "/article-package/": set_sidebar("/article-package/vitepress/"),
      "/article-package/": set_sidebar("/article-package/saveData/")
    },
  }
})