完成vitepress的初始化配置,文章可以参考,初始化配置看那两篇文章就行:
vitepress的参考文档
文本,优秀的博客平台,手把手教你使用vitepress搭建并部署一个,vitepress官网,无需服务器,如果有域名可以自定义域名,如果没有用github分配的就行了-
文本,博客,Unknown command: “vitepress“,vitepress参考文档地址,没有config.js就看参考文档-
补全config.js可以参考这一篇文章:
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章-
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的目录是用来跳转到根目录下,
link可以设置跳转到那个页面
features:的资料
title可用来修改内容,是config的头部文件:
这里侧边栏的设计是在themeConfig里,添加:sidebar的内容
1. export default { 2. title: '文档', // 站点的标题 3. description: '第一个 VitePress',// 站点的描述, 4. themeConfig: { 5. nav: [ 6. { text: 'Home', link: '/' }, 7. { text: 'Examples', link: '/markdown-examples' } 8. ], 9. sidebar: [ 10. { 11. text: 'Examples', 12. items: [ 13. { text: 'Markdown Examples', link: '/markdown-examples' }, 14. { text: 'Runtime API Examples', link: '/api-examples' } 15. ] 16. } 17. ], 18. socialLinks: [ 19. { icon: 'github', link: 'https://github.com/vuejs/vitepress' } 20. ] 21. , 22. footer: { 23. copyright: "Copyright " 24. } 25. } 26. }