Easton's Blog Easton's Blog
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)

Easton Yang

爱生活😊爱学习
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)
  • 资源网站
  • 网站轮子
  • 前端轮子
  • 插件轮子
    • vuepress 插件
      • vuepress-plugin-tabs
      • vuepress-plugin-demo-block
      • vuepress-plugin-reading-progress
      • vuepress-plugin-meting
      • vuepress-plugin-cursor-effects
      • vuepress-plugin-dynamic-title
      • vuepress-plugin-fulltext-search
    • 参考来源
  • 效率工具
目录

插件轮子

提示

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

# 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");
    };
    
    1
    2
    3

    # 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)

    上次更新: 2023/05/12, 16:53:30
    前端轮子
    效率工具

    ← 前端轮子 效率工具→

    最近更新
    01
    攻略制作要点
    07-18
    02
    摄影主题拍摄
    07-18
    03
    延时摄影剧本
    07-18
    更多文章>
    Theme by Vdoing | Copyright © 2023-2024 Easton Yang | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式