diff --git a/docs/.nojekyll b/docs/.nojekyll
new file mode 100644
index 00000000..e69de29b
diff --git a/docs/README.md b/docs/README.md
new file mode 100644
index 00000000..257e88c2
--- /dev/null
+++ b/docs/README.md
@@ -0,0 +1,15 @@
+# Headline
+
+> An awesome project.
+
+
+
+```java
+int a = 1;
+```
+
+# H1
+
+## H2
+
+### H3
\ No newline at end of file
diff --git a/docs/_coverpage.md b/docs/_coverpage.md
new file mode 100644
index 00000000..32719dd9
--- /dev/null
+++ b/docs/_coverpage.md
@@ -0,0 +1,15 @@
+<img width="150px" src="_media/LogoMakr_1J56bI.png">
+
+# CS-Notes
+
+> Computer Sicence Learning Notes.
+
+- Algorithm
+- Computer Networks
+- Operating System
+- ...
+
+[GitHub](https://github.com/CyC2018/CS-Notes)
+
+<!-- ![color](#107ea485) -->
+
diff --git a/docs/_media/LogoMakr_1J56bI.png b/docs/_media/LogoMakr_1J56bI.png
new file mode 100644
index 00000000..8fdee22a
Binary files /dev/null and b/docs/_media/LogoMakr_1J56bI.png differ
diff --git a/docs/_navbar.md b/docs/_navbar.md
new file mode 100644
index 00000000..47a2356a
--- /dev/null
+++ b/docs/_navbar.md
@@ -0,0 +1,6 @@
+- Translations
+  - [:uk: English](/)
+  - [:cn: 中文](/zh-cn/)
+  - [:de: Deutsch](/de-de/)
+  - [:es: Spanish](/es/)
+  - [:ru: Russian](/ru/)
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
new file mode 100644
index 00000000..307ca47b
--- /dev/null
+++ b/docs/_sidebar.md
@@ -0,0 +1,4 @@
+- Getting started
+
+  - [README](README.md)
+  - [guide](guide.md)
\ No newline at end of file
diff --git a/docs/guide.md b/docs/guide.md
new file mode 100644
index 00000000..1fa6a742
--- /dev/null
+++ b/docs/guide.md
@@ -0,0 +1 @@
+#  test
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 00000000..595b51ab
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="description" content="Description">
+    <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">
+    <script src="//unpkg.com/docsify/lib/plugins/gitalk.min.js"></script>
+    <script src="//unpkg.com/gitalk/dist/gitalk.min.js"></script>
+</head>
+
+<body>
+    <nav>
+        <a href="#/">Github</a>
+    </nav>
+    <div id="app"></div>
+    <script>
+    window.$docsify = {
+        name: 'CS-Notes',
+        repo: '',
+        loadSidebar: true,
+        subMaxLevel: 2,
+        coverpage: true
+    }
+    const gitalk = new Gitalk({
+        clientID: '0a3e1a4c29a4778f35f2',
+        clientSecret: '5bf2890d68acc32cbf8327924805a0b48e15f64c',
+        repo: 'test',
+        owner: 'CyC2018',
+        admin: ['CyC2018'],
+        distractionFreeMode: false
+    })
+    </script>
+    <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
