将“复制到剪贴板”添加到 GitHub markdown 的简单方法？

Question

具体来说，我有一些用于安装的代码块，我希望用户能够快速将其复制并粘贴到终端中。我想要一个用于代码块“复制到剪贴板”的按钮。由于 git 克隆 URL 有一个“复制到剪贴板”按钮，我想知道我是否可以利用该按钮，或者如果不能，是否可以将一些相对简单的内容添加到 MD 中来实现这一点。或者这对于 MD 文本的处理和“满足”来说根本不可能？

Answer 1

复制按钮现已成为现实（2021 年 5 月），如 Nat Friedman tweet

我们刚刚向 GitHub 上的所有代码块添加了“复制”按钮。

要创建复制按钮，请在 Markdown 文档中创建一个 Fenced 代码块，如下所示

```
function test() {
  console.log("This code will have a copy button to the right of it");
}
```

Answer 2

我认为这不是你想要的，但如果你想复制，你可以通过运行书签并添加复制按钮来完成。

var copy = function(target) {
    var textArea = document.createElement('textarea')
    textArea.setAttribute('style','width:1px;border:0;opacity:0;')
    document.body.appendChild(textArea)
    textArea.value = target.innerHTML
    textArea.select()
    document.execCommand('copy')
    document.body.removeChild(textArea)
}

var pres = document.querySelectorAll(".comment-body > pre")
pres.forEach(function(pre){
  var button = document.createElement("button")
  button.className = "btn btn-sm"
  button.innerHTML = "copy"
  pre.parentNode.insertBefore(button, pre)
  button.addEventListener('click', function(e){
    e.preventDefault()
    copy(pre.childNodes[0])
  })
})

Answer 3

这可能是我所知道的最直接的方法。

因此，您所要做的就是任何标题/副标题或任何您想要以哈希开头的文本，然后在下一行中添加可复制文本，如下所示，

[井号(#)][空格]任何标题/副标题或任何您想要以井号开头的文本
[Tab][Tab]您的文字

这应该看起来像这样。

示例1：

要创建可复制的代码块，请创建一个像这样的标题。然后放两个标签间隙

YourCopyableTextblock

示例2：

要创建可复制的代码块，请创建如下注释。然后放两个标签间隙

YourCopyableTextblock

Answer 4

很简单，使用任何 Markdown 标题（一个或多个 #），然后输入（换行）和两个选项卡。下面添加了视觉效果：

##
<tab><tab>code/text here

你就完成了:)。

下面是我的一个项目的屏幕截图 -

获取以下信息：

我用过下面的：

如果您想查看，这里是我的项目的链接 - https://github.com/tukeshwar/automation-with-chatgpt/edit/master/README.md

顺便说一句，上述项目旨在帮助免费使用 AI 更好地写作:)。

额外提示：如果您不需要上面的行，请使用较小的标题，例如“######”