问题

我正在构建一个具有最小主题的Jekyll网站,以在线发布一些教程.教程页面包含许多代码片段,例如:

```javascript
/* Global scope: this code is executed once */
const redis = require('redis');

const host = <HOSTNAME>;
const port = <PORT>;
const password = <PASSWORD>;

...
```

我想在每个代码片段(示例)中添加"复制到剪贴板"按钮,但不确定在Jekyll中执行此操作的正确方法是什么.

我试过了什么

• 使用clipboardjs.com.它需要每个代码段的唯一ID,我不知道如何在Jekyll/Markdown中实现它.
• STFW

我的问题

如何在Jekyll中为代码片段添加"复制到剪贴板"按钮？

收到错误

错误 TS2304：找不到名称“ClipboardItem”

当尝试创建ClipboardItemfor时navigator.clipboard.write()。

const clipboardItemInput = new ClipboardItem({'image/png' : blobInput});
 await navigator.clipboard.write([clipboardItemInput]);

我使用的是 Angular 6。我是否需要添加任何依赖项，或者还有其他方法吗？