diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
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..79959fc0860887965d4e3be4213f95a4a081d735
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+webhack101.apachecn.org
\ No newline at end of file
diff --git a/README.md b/README.md
index dd24568973cfa10ddb53d16aa5835d6594333215..c61893917e43dc19d2b6aff1a5bfcf52f25eb045 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
 
 译者：[飞龙](https://github.com/wizardforcel)
 
-+ [在线阅读](https://www.gitbook.com/book/wizardforcel/web-hacking-101/details)
++ [在线阅读](https://webhack101.apachecn.org)
 + [PDF格式](https://www.gitbook.com/download/pdf/book/wizardforcel/web-hacking-101)
 + [EPUB格式](https://www.gitbook.com/download/epub/book/wizardforcel/web-hacking-101)
 + [MOBI格式](https://www.gitbook.com/download/mobi/book/wizardforcel/web-hacking-101)
diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..1de7c1eb5ebe02585db77bd1321f1dae149f981c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,76 @@
+<!-- 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/web-hacking-101-zh/" target="_blank">apachecn/web-hacking-101-zh</a></p>
+      <p><iframe align="middle" src="https://ghbtns.com/github-btn.html?user=apachecn&repo=web-hacking-101-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=web-hacking-101-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=web-hacking-101-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: 'SUMMARY.md',
+      name: 'Web Hacking 101 中文版',
+      auto2top: true,
+      themeColor: '#4184f3',
+      repo: 'apachecn/web-hacking-101-zh',
+      plugins: [window.docsPlugin],
+      search: {
+        paths: 'auto',
+        placeholder: '搜索',
+        noData: '没有结果',
+      },
+    }
+  </script>
+  
+  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
+  <script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/update.sh b/update.sh
new file mode 100644
index 0000000000000000000000000000000000000000..f76166c4e1c6f64161b010c866bc8e4231e17b18
--- /dev/null
+++ b/update.sh
@@ -0,0 +1,3 @@
+git add -A
+git commit -am "$(date "+%Y-%m-%d %H:%M:%S")"
+git push
\ No newline at end of file
