70 lines
1.3 KiB
Markdown
70 lines
1.3 KiB
Markdown
---
|
|
title: 代码复制
|
|
author: pengzhanbo
|
|
createTime: 2024/03/06 16:24:34
|
|
permalink: /config/plugins/copy-code/
|
|
---
|
|
|
|
## 概述
|
|
|
|
主题内置的代码复制插件，在代码块中插入复制按钮。
|
|
|
|
关联插件： [@vuepress-plume/plugin-copy-code](https://github.com/pengzhanbo/vuepress-theme-plume/tree/main/plugins/plugin-copy-code)
|
|
|
|
默认配置：
|
|
|
|
```ts{7-9}
|
|
import { plumeTheme } from 'vuepress-theme-plume'
|
|
import { defineUserConfig } from 'vuepress'
|
|
|
|
export default defineUserConfig({
|
|
theme: plumeTheme({
|
|
plugins: {
|
|
copyCode: {
|
|
selector: '.page-content div[class*="language-"] pre',
|
|
},
|
|
}
|
|
}),
|
|
})
|
|
```
|
|
|
|
## 配置
|
|
|
|
### selector
|
|
|
|
- 类型： `string`
|
|
- 默认值： `'.page-content div[class*="language-"] pre'`
|
|
|
|
用于指定复制按钮应用的代码块选择器。
|
|
|
|
### duration
|
|
|
|
- 类型： `number`
|
|
- 默认值： `1500`
|
|
|
|
用于置顶 提示消息显示时间。 设置为 `0` 将会禁用提示。
|
|
|
|
### showInMobile
|
|
|
|
- 类型： `boolean`
|
|
- 默认值： `false`
|
|
|
|
用于控制是否在移动端显示复制按钮。
|
|
|
|
## 禁用
|
|
|
|
你可以指定 `copyCode: false` 来禁用插件。
|
|
|
|
```ts{7}
|
|
import { plumeTheme } from 'vuepress-theme-plume'
|
|
import { defineUserConfig } from 'vuepress'
|
|
|
|
export default defineUserConfig({
|
|
theme: plumeTheme({
|
|
plugins: {
|
|
copyCode: false,
|
|
}
|
|
}),
|
|
})
|
|
```
|