Add copy button to your prismjs' code blocks.
https://thundermiracle.com/blog/en/2022-03-13-gatsby-add-copy-button-to-code-block/
npm install --save gatsby-transformer-remark gatsby-remark-prismjs gatsby-remark-prismjs-copy-button
Add it to gatsby-config.js
:
โป NOTE: You MUST add gatsby-remark-prismjs-copy-button
before gatsby-remark-prismjs
, as gatsby-remark-prismjs
will transform Code MarkdownASTs to HTML. So gatsby-remark-prismjs-copy-button
will unable to find the Code MarkdownASTs to add copy button.
module.exports = {
plugins: [
{
resolve: `gatsby-transformer-remark`,
options: {
plugins: [`gatsby-remark-prismjs-copy-button`, `gatsby-remark-prismjs`],
},
},
],
};
If you have unanswered questions, would like help with enhancing or debugging the plugin, it is nice to include instructions for people who want to contribute to your plugin.
This project is licensed under the terms of the MIT license.