diff --git a/index.html b/index.html
index 39b26db..d4e241e 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,11 @@
   <meta name="description" content="在理解英文原文的基础上，结合我的一些工作经验，进行一些相应扩展，并参考 github 上 Vonng 的中文翻译版，对每一章用中文重新组织，作为每次分享的文字稿，在此集结为一本开源小册，希望可以对有需要的同学有所帮助，水平所限，难免疏漏，如发现有任何有误之处，欢迎提 issue 和 PR。">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
   <link rel="stylesheet" href="js/vue.css" title="vue"/>
+  <script src="https://unpkg.com/@waline/client@v2/dist/waline.js"></script>
+  <link
+    rel="stylesheet"
+    href="https://unpkg.com/@waline/client@v2/dist/waline.css"
+  />
   <script>
     var _hmt = _hmt || [];
     (function() {
@@ -30,6 +35,13 @@
   <div id="app"></div>
   <script>
     window.$docsify = {
+      count: {
+        language: "chinese", // default:english|chinese
+      },
+      waline: {
+        serverURL: "https://ddia-comments.qtmuniao.com",
+        pageview: true,
+      },
       name: '《DDIA 逐章精读》',
       repo: 'https://github.com/DistSysCorp/ddia',
       loadSidebar: true,
@@ -64,5 +76,6 @@
   <script src="js/docsify.min.js"></script>
   <script src="js/search.min.js"></script>
   <script src="js/docsify-pagination.min.js"></script>
+  <script src="https://unpkg.com/docsify-waline@2/docsify-waline.min.js"></script>
 </body>
 </html>