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

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

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

vitepress的参考文档

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. }


相关文章
|
6月前
|
前端开发 JavaScript
零基础学 Vue + Element UI 第01步 —— 搭建开发环境、创建项目、修改默认模板、启动项目、访问项目
零基础学 Vue + Element UI 第01步 —— 搭建开发环境、创建项目、修改默认模板、启动项目、访问项目
85 1
|
6月前
|
资源调度 前端开发
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章
|
JavaScript
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
|
JavaScript
进入页面js加载进度条demo效果示例(整理)
进入页面js加载进度条demo效果示例(整理)
进入页面js加载进度条demo效果示例(整理)
|
JavaScript
js点击删除当前demo示例(整理)
js点击删除当前demo示例(整理)
|
JavaScript
js左侧下拉菜单效果demo示例(整理)
js左侧下拉菜单效果demo示例(整理)
简单JS--点击谁添加背景色demo效果示例(整理)
简单JS--点击谁添加背景色demo效果示例(整理)
|
JavaScript
js点击收缩,点击展开demo效果示例(整理)
js点击收缩,点击展开demo效果示例(整理)
|
JavaScript
js点击当前复制内容demo效果示例(整理)
js点击当前复制内容demo效果示例(整理)