diff --git a/404.html b/404.html
new file mode 100644
index 0000000000000000000000000000000000000000..5705bebe58dcd40b5bfcff2ed888d20b72d7c5ec
--- /dev/null
+++ b/404.html
@@ -0,0 +1,4 @@
+---
+permalink: /404.html
+---
+<script>window.location.href = '/';</script>
diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000000000000000000000000000000000000..1312206012f1355d82ed863570d58d8c01b11139
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+zetcode.apachecn.org
\ No newline at end of file
diff --git a/README.md b/README.md
index b0366a9c6251b5e588ca9c832dde2e4b32fd2d2e..227c17d9811563e5f83f3c85be80b5956c170bb4 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,7 @@
 > 
 > 欢迎任何人参与和完善：一个人可以走的很快，但是一群人却可以走的更远。
 
+* [在线阅读](https://zetcode.apachecn.org)
 * [ApacheCN 学习资源](http://docs.apachecn.org/)
 
 ## 贡献指南
diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..ec1054d11886c8f41f2c4f5c3ee7d34128d5f003
--- /dev/null
+++ b/index.html
@@ -0,0 +1,82 @@
+<!-- index.html -->
+
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta charset="UTF-8">
+  <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
+  
+  <!-- google ads -->
+  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+  
+  <!-- baidu stats -->
+  <script>
+    var _hmt = _hmt || [];
+    (function() {
+      var hm = document.createElement("script");
+      hm.src = "https://hm.baidu.com/hm.js?38525fdac4b5d4403900b943d4e7dd91";
+      var s = document.getElementsByTagName("script")[0]; 
+      s.parentNode.insertBefore(hm, s);
+    })();
+  </script>
+    
+  <!-- google webmaster -->
+  <meta name="google-site-verification" content="pyo9N70ZWyh8JB43bIu633mhxesJ1IcwWCZlM3jUfFo" />
+</head>
+<body>
+  <div id="app">now loading...</div>
+  <script id="footer" type="text/xml">
+    <hr/>
+    <div align="center">
+      <p><a href="http://www.apachecn.org/" target="_blank"><font face="KaiTi" size="6" color="red">我们一直在努力</font></a><p>
+      <p><a href="https://github.com/apachecn/zetcode-zh/" target="_blank">apachecn/zetcode-zh</a></p>
+      <p><iframe align="middle" src="https://ghbtns.com/github-btn.html?user=apachecn&repo=zetcode-zh&type=watch&count=true&v=2" frameborder="0" scrolling="0" width="100px" height="25px"></iframe>
+      <iframe align="middle" src="https://ghbtns.com/github-btn.html?user=apachecn&repo=zetcode-zh&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="25px"></iframe>
+      <iframe align="middle" src="https://ghbtns.com/github-btn.html?user=apachecn&repo=zetcode-zh&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="25px"></iframe>
+      <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=bcee938030cc9e1552deb3bd9617bbbf62d3ec1647e4b60d9cd6b6e8f78ddc03"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="ML | ApacheCN" title="ML | ApacheCN"></a></p>
+      <div style="text-align:center;margin:0 0 10.5px;">
+        <ins class="adsbygoogle"
+             style="display:inline-block;width:728px;height:90px"
+             data-ad-client="ca-pub-3565452474788507"
+             data-ad-slot="2543897000"></ins>
+      </div>
+    </div>
+  </script>
+  <script>
+    window.docsPlugin = function(hook) {
+      var footer = document.querySelector('#footer').innerHTML
+      hook.afterEach(function(html) {
+        return html + footer
+      })
+      hook.doneEach(function() {
+        (adsbygoogle = window.adsbygoogle || []).push({})
+      })
+    }
+    
+    window.$docsify = {
+      loadSidebar: 'sidebar.md',
+      name: 'Zetcode 中文系列教程',
+      auto2top: true,
+      themeColor: '#333333',
+      repo: 'apachecn/zetcode-zh',
+      plugins: [window.docsPlugin],
+    }
+  </script>
+  
+  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-java.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-c.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-cpp.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-csharp.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-visual-basic.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-javascript.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-python.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-ruby.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-php.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-sql.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-kotlin.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-tcl.min.js"></script>
+</body>
+</html>
\ No newline at end of file
