hartl3y94 / vuepress-plugin-rightmenu

Add custom contextmenu functionality for Vuepress (using Vuetify).

vuepress-plugin-rightmenu

vuepress-plugin-rightmenu 是一个适用于Vuepress 的右键菜单插件，插件使用 Vuetify 作为 UI 框架，PureCSS 作为 CSS 框架

图片预览

浅色模式 深色模式

演示站点

Arcadia (我的博客)

插件特点

• 界面简洁美观（基于 Material Design 的 Vuetify 库）

• 深色模式

• 样式覆盖尽可能地最小化（原主题样式覆盖最小化）

• 图片链接嗅探（图片菜单栏）

• 普通链接嗅探（链接菜单栏）

• 可自定义性强

  1. 图标栏可自定义（图标，点击回调函数）
  2. 默认菜单栏可自定义（标题，点击回调函数）
  3. 特定的菜单栏，如针对图片和链接的菜单栏可自定义（标题，点击回调函数）
  4. 常驻菜单栏可自定义（标题，点击回调函数）

• 待开发...

快速开始

安装

# npm
npm install --save-dev @zolyn/vuepress-plugin-rightmenu

# yarn
yarn add -D @zolyn/vuepress-plugin-rightmenu

# pnpm
pnpm add -D @zolyn/vuepress-plugin-rightmenu

配置

使用默认配置

对象式配置

// .vuepress/config.js
module.exports = {
    plugins: {
        '@zolyn/rightmenu': {},
    },
};

Babel 式配置

// .vuepress/config.js
module.exports = {
    plugins: [['@zolyn/rightmenu']],
};

文档

在这呢

Todo

• Issue template
• CONTRIBUTING.md
• 全部菜单栏支持图标自定义
• 嗅探函数自定义
• 部分样式自定义

协议

MIT License