Configure Hugo to allow copying code blocks to clipboard

[johnthagen]

• I have searched the issues of this repo and believe that this is not a duplicate.

Issue

Many static site generators support a copy-to-clipboard button for code blocks. For example, see a Material for Mkdocs example:

• https://johnthagen.github.io/python-blueprint/#installation

GitHub also supports this, for example hover over the code blocks here:

• https://github.com/johnthagen/python-blueprint#dependencies

This is especially useful for new users who want to quickly copy out commands such as the installation command that doesn't all fit on the screen at once.

It doesn't seem like this is something that Hugo supports out of the box unfortunately, but there are several guides on it:

• https://simplernerd.com/hugo-add-copy-to-clipboard-button/
• https://aaronluna.dev/blog/add-copy-button-to-code-blocks-hugo-chroma/
• https://discourse.gohugo.io/t/copy-button-to-allow-copying-the-content/36076
• https://digitaldrummerj.me/hugo-add-copy-code-snippet-button/
• https://codepen.io/a-luna/pen/JjYrejL
• https://koki-nakamura22.github.io/blog/2019/10/03/hugo-adding-copy-button/

[abn]

Happy to accept PRs for this.

The website code is available at https://github.com/python-poetry/website

[Secrus]

Moving python-poetry/poetry#4981 here, as its original issue, but this one provides more info on how to handle the task.

[neersighted]

An attempt was made in #37 but was reverted due to unforeseen breakage in production -- PRs attempting again using that one as a base are welcome.