vuepress-----21、代码块拷贝插件

最新推荐文章于 2024-07-26 00:18:36 发布

悠闲的线程池

最新推荐文章于 2024-07-26 00:18:36 发布

阅读量693

点赞数 5

分类专栏： vuepress 文章标签： vue

本文链接：https://blog.csdn.net/weixin_44235759/article/details/134858322

版权

vuepress 专栏收录该内容

24 篇文章 2 订阅

订阅专栏

这篇文章介绍了如何在Vuepress项目中使用code-copy插件，包括安装步骤、配置选项如选择器、对齐方式、颜色等，帮助用户实现代码块的复制功能。

摘要由CSDN通过智能技术生成

https://github.com/znicholasbrown/vuepress-plugin-code-copy

Vuepress 代码复制插件

Vuepress 的插件，将复制按钮附加到给定选择器的每个实例（默认为div[class*="language-"] pre）

# 安装

$ npm install vuepress-plugin-code-copy
# OR
$ yarn add vuepress-plugin-code-copy

# 用法

该插件可以添加到.vuepress/config.js您的 Vuepress 项目中plugins：

module.exports = {
    plugins: [['vuepress-plugin-code-copy', true]]
}

# 选项

该插件采用许多选项，可以通过选项对象中的插件配置传递这些选项：

module.exports = {
  plugins: [
    ["vuepress-plugin-code-copy", {
        selector: String,
        align: String,
        color: String,
        backgroundTransition: Boolean,
        backgroundColor: String,
        successText: String
        }
    ]
  ]
}