vuepress-plugin-copy-code ¶

A vuepress plugin for clipboard-copy

Install ¶

# install dependencies
npm i vuepress-plugin-copy-code -D

# or use yarn
yarn add vuepress-plugin-copy-code -D
复制成功

1
2
3
4
5

Usage ¶

Write vuepress config

module.exports = {
  plugins: ['copy-code']
}
复制成功

1
2
3

Options ¶

This plugin supports the following configurations.

module.exports = {
  plugins: ['copy-code', {
    copySelector: ['div[class*="language-"] pre', 'div[class*="aside-code"] aside'], // String or Array
    copyMessage: 'Copy successfully and then paste it for use.', // default is 'Copy successfully and then paste it for use.'
    duration: 300, // prompt message display time.
    showInMobile: false // whether to display on the mobile side, default: false.
  }]
}
复制成功

1
2
3
4
5
6
7
8

demo ¶

https://artiely.gitee.io