vuepress-theme-plume/packages/plugin-caniuse/src

vuepress-plugin-caniuse

VuePress 2 Plugin

VuePress 2 插件

在Markdown中添加 can-i-use 支持，这对于你在写前端技术博客时，说明某个feature的兼容性时特别有用。

Install

yarn add @vuepress-plume/vuepress-plugin-caniuse

Usage

在VuePress 配置文件中添加插件

// .vuepress/config.js
export default {
  // ...
  plugins: [
    ['@vuepress-plume/vuepress-plugin-caniuse', { mode: 'image' }]
  ]
  // ...
}

在markdown中编写

::: caniuse <feature>
:::

Options

• options.mode: can-i-use插入文档的模式， 支持 embed 和image, 默认值是 image。
  • image: 插入图片
  • embed: 使用iframe嵌入 can-i-use

<feature>

正确取值请参考 https://caniuse.bitsofco.de/

Example

::: caniuse css-matches-pseudo
:::

效果：