Vuepress插件推荐

# vuepress插件

Vuepress 的社区所有插件：https://github.com/vuepress/awesome-vuepress (opens new window)

# vuepress-plugin-tabs

实现切换 tab。

官网：https://github.com/pskordilakis/vuepress-plugin-tabs (opens new window)

安装：https://notes.youngkbt.cn/about/mdskill/#tabs插件 (opens new window)

效果：

:::: tabs cache-lifetime="5" :options="{ useUrlFragment: false }"

::: tab title

markdown content

:::

::: tab javascript

() => {

 console.log('Javascript code example')

}

:::

::::

# vuepress-plugin-demo-block

官网：https://github.com/xiguaxigua/vuepress-plugin-demo-block/ (opens new window)

功能：既能看代码，也能看代码运行的效果。

Demo：https://notes.youngkbt.cn/about/mdskill/#demo插件 (opens new window)

# vuepress-plugin-reading-progress

顶部的阅读进度插件。

官网：https://github.com/tolking/vuepress-plugin-reading-progress (opens new window)

# vuepress-plugin-meting

左小角的音乐播放器插件。

官网：https://moefyit.github.io/moefy-vuepress/packages/meting.html (opens new window)

# vuepress-plugin-cursor-effects

鼠标点击页面的爆炸效果。

官网：https://moefyit.github.io/moefy-vuepress/packages/cursor-effects.html (opens new window)

# vuepress-plugin-dynamic-title

动态标题，离开和回来网页后的标题发生变化。

官网：https://moefyit.github.io/moefy-vuepress/packages/dynamic-title.html (opens new window)

# vuepress-plugin-fulltext-search

网站搜索插件，能搜索到文章的具体内容。

官网：https://github.com/leo-buneev/vuepress-plugin-fulltext-search (opens new window)