feat: add docsify and gitalk

See https://doocs.github.io/technical-books
beforeuwait · Aug 15, 2019 · f8ce839 · f8ce839
1 parent ca78e7b
commit f8ce839
Show file tree

Hide file tree

Showing 6 changed files with 70 additions and 0 deletions.
diff --git a/images/doocs.png b/images/doocs.png
diff --git a/images/favicon-16x16.png b/images/favicon-16x16.png
diff --git a/images/favicon-32x32.png b/images/favicon-32x32.png
diff --git a/images/owner-favicon-16x16.png b/images/owner-favicon-16x16.png
diff --git a/images/owner-favicon-32x32.png b/images/owner-favicon-32x32.png
diff --git a/index.html b/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Technical Books</title>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="description" content="Awesome technical books">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
+  <link rel="stylesheet" href="//unpkg.com/gitalk/dist/gitalk.css">
+  <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
+  <link rel="stylesheet" href="//unpkg.com/gitalk/dist/gitalk.css">
+  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
+</head>
+<body>
+  <div id="app"></div>
+  <script>
+    window.$docsify = {
+      name: 'Doocs',
+      repo: 'doocs/technical-books',
+      auto2top: true,
+      search: [
+        '/'
+      ],
+      plugins: [
+        function (hook) {
+          var footer = [
+            '<hr/>',
+            '<footer>',
+            '<span>Copyright © 2019 <a href="https://github.com/doocs" target="_blank">Doocs</a> All rights reserved.</span>',
+            '</footer>'
+          ].join('')
+
+          hook.afterEach(function (html) {
+            return html + footer
+          })
+        }
+      ]
+    }
+  </script>
+  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-c.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-cpp.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-json.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-java.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-python.min.js"></script>
+  <script src="//unpkg.com/docsify-copy-code"></script>
+  <script src="//unpkg.com/docsify/lib/plugins/search.js"></script>
+  <script src="//unpkg.com/docsify/lib/plugins/emoji.js"></script>
+  <script src="//unpkg.com/docsify/lib/plugins/zoom-image.js"></script>
+  <script src="//unpkg.com/docsify/lib/plugins/gitalk.min.js"></script>
+  <script src="//unpkg.com/gitalk/dist/gitalk.min.js"></script>
+  <script>
+    const gitalk = new Gitalk({
+      clientID: 'da1e9e0847f0d713937e',
+      clientSecret: '3d85cc27dfe12b3fe16e2f4a118a0b3d699d3a75',
+      repo: 'technical-books',
+      owner: 'doocs',
+      admin: ['yanglbme'],
+      number: 2,
+      distractionFreeMode: true,
+      labels: ['talk'],
+      title: '好书推荐s',
+      perPage: 15,
+    })
+  </script>
+</body>
+</html>