diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..8c2f118
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+*.html linguist-language=java
\ No newline at end of file
diff --git a/docs/extra-page/cover.md b/docs/extra-page/cover.md
new file mode 100644
index 0000000..a67395f
--- /dev/null
+++ b/docs/extra-page/cover.md
@@ -0,0 +1,9 @@
+[![logo](images/icon.png)](https://github.com/doocs/data-structure-and-algorithm)
+
+# 数据结构与算法
+
+> 本系列知识由 Doocs 开源社区总结发布，内容涵盖数据结构与算法所有知识点，内容将在后续不断更新，欢迎持续关注项目最新动态
+
+[Organization](https://github.com/doocs/doocs.github.io)
+[Author](https://github.com/yanglbme)
+[Get Started](#数据结构与算法©)
\ No newline at end of file
diff --git a/images/icon.png b/images/icon.png
new file mode 100644
index 0000000..a39d36b
Binary files /dev/null and b/images/icon.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..14d1e55
--- /dev/null
+++ b/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>算法与数据结构</title>
+  <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="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">本系列知识由 Doocs 开源社区总结发布</div>
+  <script>
+    window.$docsify = {
+      name: '数据结构与算法',
+      repo: 'doocs/data-structure-and-algorithm',
+      maxLevel: 3,
+      auto2top: true,
+      coverpage: true,
+      coverpage: 'docs/extra-page/cover.md',
+      search: [
+        '/'
+      ],
+      plugins: [
+        function (hook) {
+          var footer = [
+            '<hr/>',
+            '<footer>',
+            '<span>Copyright © 2018-2019 <a href="https://github.com/doocs" target="_blank">Doocs</a>. All rights reserved.</span><br>Welcome to join the <a href="https://github.com/doocs/intro" target="_blank">Doocs Open Source organization</a>.',
+            '</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>
+</body>
+</html>
\ No newline at end of file
