提示

插件使用参考案例教程：插件案例

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)

效果：

markdown content

() => {
  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)

参考来源

来源 (opens new window)