文本,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. }


相关文章
|
存储 JavaScript 编译器
玩转vitepress1.0,搭建个人网站~
当初1月份的时候为了后续春招求职,就使用vitepress搭建了一个个人网站,然后把自己本地的一些md文件整理了发布在了上面,不过当时vitepress还未发布正式版本,还是0.22.x这样的版本, 所以其实有很多不满意的地方,比如侧边栏折叠之前没有,明暗模式之前没有,单篇文章的大纲好像也没有,侧边栏在不同tab下有问题,这些我不太确定,可能功能是有的,但是官方文档上没更新罢了
708 0
|
Go API 数据库
milvus的db和collection信息查询
milvus的db和collection信息查询
1423 0
|
JSON API PHP
Python/PHP:免费IP归属地查询接口和通过ip获取大致位置信息
Python/PHP:免费IP归属地查询接口和通过ip获取大致位置信息
1495 0
|
存储 JavaScript 搜索推荐
《VitePress 简易速速上手小册》第3章:主题定制与扩展(2024 最新版)
《VitePress 简易速速上手小册》第3章:主题定制与扩展(2024 最新版)
528 0
|
12月前
|
算法 前端开发 开发工具
vitepress从0到1,让每个前后端小伙伴都拥有一个属于自己的博客
这篇文章详细介绍了如何从零开始使用VitePress搭建个人博客,包括项目初始化、配置美化及部署全流程。
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
|
Linux C# Android开发
一个开源、跨平台的.NET UI框架 - Avalonia UI
一个开源、跨平台的.NET UI框架 - Avalonia UI
672 3
|
JavaScript 前端开发 Shell
使用vitepress搭建自己的静态个人博客 || 个人知识库
使用vitepress搭建自己的静态个人博客 || 个人知识库
250 0
|
11月前
|
前端开发 数据库 Python
Django自带图形验证码 django-simple-captcha
Django自带图形验证码 django-simple-captcha
167 0
文本,vitepress代码风格配置和序号配置,第几行到第几行出现高亮显示,最上方图标出现 ,网页排序出现博客,vitepress如何默认折叠效果
文本,vitepress代码风格配置和序号配置,第几行到第几行出现高亮显示,最上方图标出现 ,网页排序出现博客,vitepress如何默认折叠效果

热门文章

最新文章