Teeker Blog

主题

插件轮子 ​

vuepress 插件 ​

Vuepress 的社区所有插件：https://github.com/vuepress/awesome-vuepress

vuepress-plugin-tabs ​

实现切换 tab。

官网：https://github.com/pskordilakis/vuepress-plugin-tabs

安装：https://notes.youngkbt.cn/about/mdskill/#tabs插件

效果：

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

::: tab title

markdown content

:::

::: tab javascript

javascript
() => {
  console.log("Javascript code example");
};

:::

::::

vuepress-plugin-demo-block ​

官网：https://github.com/xiguaxigua/vuepress-plugin-demo-block/

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

Demo：https://notes.youngkbt.cn/about/mdskill/#demo插件

vuepress-plugin-reading-progress ​

顶部的阅读进度插件。

官网：https://github.com/tolking/vuepress-plugin-reading-progress

vuepress-plugin-meting ​

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

官网：https://moefyit.github.io/moefy-vuepress/packages/meting.html

vuepress-plugin-cursor-effects ​

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

官网：https://moefyit.github.io/moefy-vuepress/packages/cursor-effects.html

vuepress-plugin-dynamic-title ​

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

官网：https://moefyit.github.io/moefy-vuepress/packages/dynamic-title.html

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

官网：https://github.com/leo-buneev/vuepress-plugin-fulltext-search