文本,vitepress的使用，vitepress的参考文档，自定义主页,从创建package之后的资料，底部命令的创建

本文链接：https://blog.csdn.net/weixin_54048131/article/details/136670281

本文介绍了如何初始化VitePress配置，包括config.js的创建、自定义主页、侧边栏设计和footer设置。通过一步步教程，帮助读者快速上手VitePress搭建个人博客或文档站点。

摘要由CSDN通过智能技术生成

完成vitepress的初始化配置，文章可以参考，初始化配置看那两篇文章就行：

vitepress的参考文档

VitePress 是什么？ | VitePress

文本，优秀的博客平台，手把手教你使用vitepress搭建并部署一个，vitepress官网，无需服务器，如果有域名可以自定义域名，如果没有用github分配的就行了-CSDN博客

文本，博客，Unknown command: “vitepress“，vitepress参考文档地址，没有config.js就看参考文档-CSDN博客

补全config.js可以参考这一篇文章：

文本，vitepress的使用，如何使用vitevitepress没有config.js该怎么办？这里使用vitepress进行手动配置，参考只爭朝夕不負韶華的文章-CSDN博客

config.js目录的配置：

自定义主页我们有8个地方，可以进行优化，第9个位置：

9就是配置footer

配置footer就要放到config,

放到themeConfig目录当中

添加底部命令的命令：

export default {
    title: 'Hello VitePress', // 站点的标题
    description: '第一个 VitePress',// 站点的描述,
    themeConfig: {
        footer: {
            copyright: "Copyright "
        }
    }
}

底部出现了

2-6的部分，在index.md文件出现的

index.md对应文件

link可以设置跳转到那个页面

features:的资料

title可用来修改内容，是config的头部文件：

这里侧边栏的设计是在themeConfig里，添加：sidebar的内容

export default {
    title: '文档', // 站点的标题
    description: '第一个 VitePress',// 站点的描述,
    themeConfig: {
        nav: [
            { text: 'Home', link: '/' },
            { text: 'Examples', link: '/markdown-examples' }
        ],
        sidebar: [
            {
                text: 'Examples',
                items: [
                    { text: 'Markdown Examples', link: '/markdown-examples' },
                    { text: 'Runtime API Examples', link: '/api-examples' }
                ]
            }
        ],
        socialLinks: [
            { icon: 'github', link: 'https://github.com/vuejs/vitepress' }
        ]
        ,
        footer: {
            copyright: "Copyright "
        }
    }
}