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)