Tab 栏案例

在 vitepress 中使用 tab 栏

代码组

主题自带的 code-group 只能解析代码，如果想解析其它 markdown 内容则无法实现。

无高亮的 TAB

# install in your project
yarn add -D vuepress@next

# create a markdown file
echo '# Hello VuePress' > README.md

# start writing
yarn vuepress dev

# build to static files
yarn vuepress build

有高亮的 TAB

# install in your project
npm install -D vuepress@next

# create a markdown file
echo '# Hello VuePress' > README.md

# start writing
npx vuepress dev

# build to static files
npx vuepress build

不同颜色高亮的 TAB

# install in your project
npm install -D vuepress@next  

# create a markdown file
echo '# Hello VuePress' > README.md  

# start writing
npx vuepress dev  

# build to static files
npx vuepress build  

TAB 插件

可解析 markdown 内容

详细内容请查看: 在 Vitepress 中使用 Tabs 插件