文本,vitepress两栏怎样设置,应用场景是每个导航都是单独的markdown文件

简介: 文本,vitepress两栏怎样设置,应用场景是每个导航都是单独的markdown文件

设置这样一个两栏风格页面该如何设置

1、第一步,创建一个markdown-examples.md的文件

2、在config.js配置下列命令:

sidebar: [
            {
                text: 'Examples',
                items: [
                    { text: 'Markdown Examples', link: '/markdown-examples' },
                    { text: 'Runtime API Examples', link: '/api-examples' }
                ]
            }, {
                text: 'Examples2',
                items: [
                    { text: 'Markdown Examples', link: '/markdown-examples' },
                    { text: 'Runtime API Examples', link: '/api-examples' }
                ]
            }
        ]

3、展示效果

4、这里


相关文章
|
2月前
|
自然语言处理 Shell API
如何翻译 Markdown 文件?-1- 难点及解决方案
如何翻译 Markdown 文件?-1- 难点及解决方案
|
6天前
|
JavaScript
vue 加载展示md文件(markdown语法 .md后缀的文件)
vue 加载展示md文件(markdown语法 .md后缀的文件)
18 0
|
2月前
|
弹性计算 运维 Shell
自动生成带有随机内容的Markdown文件
【4月更文挑战第30天】
25 0
|
11月前
在右键菜单中加入新建 Markdown 文件
在编写 Markdown 前,每次在使用前都需要新建一个文本文档,再修改后缀名,非常的不优雅
在右键菜单中加入新建 Markdown 文件
|
2月前
|
JavaScript 前端开发 API
如何翻译 Markdown 文件?-2- 几种商业及开源解决方案介绍
如何翻译 Markdown 文件?-2- 几种商业及开源解决方案介绍
|
2月前
在vscode下将ipynb文件转成markdown(.md文件)的方法
在vscode下将ipynb文件转成markdown(.md文件)的方法
385 0
|
2月前
|
JavaScript
vue 显示 markdown 文件
vue 显示 markdown 文件
76 0
|
8月前
|
Web App开发 JSON 前端开发
根据markdown文件反向转换成chrome浏览器书签html
前几天手贱直接把 bookmark 的源文件给删了,这下这么多年收藏整理的书签只有自己博客里的一个 markdown 文件了,毕竟还是直接用浏览器自带的 bookmark 查看会方便好多,只能想办法怎么根据现在的 markdowm 文件转换回 bookmark.html 文件了
68 0
|
9月前
|
Linux iOS开发 MacOS
一步搞定enex格式文件转换成markdown格式文件(印象笔记)
一步搞定enex格式文件转换成markdown格式文件(印象笔记)
147 0
|
9月前
|
前端开发
【前端】从markdown格式文本中提取图片链接
【前端】从markdown格式文本中提取图片链接
103 0