Add copy clipboard button

Author: Kikobeats

index.html

@@ -34,10 +34,12 @@
   <!-- Favicon -->
   <link rel="icon" type="image/png" href="/static/favicon-32x32.png" sizes="32x32" />
   <link rel="icon" type="image/png" href="/static/favicon-16x16.png" sizes="16x16" />
+  <link rel="shortcut icon" href="/static/favicon.ico">
 
   <!-- Stylesheet -->
   <link href="https://fonts.googleapis.com/css?family=Bitter|Source+Sans+Pro" rel="stylesheet">
   <link rel="stylesheet" href="/static/style.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codecopy/umd/codecopy.min.css">
 
 </head>
 
@@ -50,4 +52,5 @@
 <script src="//unpkg.com/docsify/lib/plugins/external-script.min.js"></script>
 <script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
 <script src="//unpkg.com/prismjs/components/prism-jsx.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/codecopy/umd/codecopy.min.js"></script>
 </html>

src/css/style.css

@@ -514,6 +514,7 @@ main {
 
 body.sticky .sidebar,
 body.sticky .sidebar-toggle {
+  cursor: pointer;
   position: fixed;
 }
 

src/js/main.js

@@ -1,9 +1,18 @@
+/* global codecopy */
+
 window.$docsify = {
   name: 'metascraper',
   repo: 'microlinkhq/metascraper',
   maxLevel: 3,
   executeScript: true,
   auto2top: true,
   ga: 'UA-108549225-3',
-  noEmoji: true
+  noEmoji: true,
+  plugins: [
+    function (hook, vm) {
+      hook.ready(function () {
+        codecopy('pre')
+      })
+    }
+  ]
 }