Add support for DUOSHUO comment, fixes #8

layout/_partial/after-footer.ejs

@@ -17,4 +17,18 @@
     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
   })();
 </script>
+<% } else if (config.duoshuo_shortname) { %>
+  <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
+    <script type="text/javascript">
+    var duoshuoQuery = {short_name:'<%= config.duoshuo_shortname %>'};
+      (function() {
+        var ds = document.createElement('script');
+        ds.type = 'text/javascript';ds.async = true;
+        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
+        ds.charset = 'UTF-8';
+        (document.getElementsByTagName('head')[0]
+         || document.getElementsByTagName('body')[0]).appendChild(ds);
+      })();
+      </script>
+    <!-- 多说公共JS代码 end -->
 <% } %>

layout/_partial/comment.ejs

@@ -7,12 +7,16 @@
     <script type="text/javascript">
     var disqus_config = function () {
           this.page.url = window.location.href;
-          this.page.identifier = 'a unique identifier for each page where Disqus is present';
-          this.page.title = 'a unique title for each page where Disqus is present';
+          this.page.identifier = '<%= page.layout %>-<%= page.slug %>';
+          this.page.title = '<%= page.title %>';
       };
     </script>
     <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
   </div>
+  <% } else if (config.duoshuo_shortname) { %>
+    <!-- 多说评论框 start -->
+    <div class="ds-thread" data-thread-key="<%= page.layout %>-<%= page.slug %>" data-title="<%= page.title %>" data-url="<%= page.permalink %>"></div>
+    <!-- 多说评论框 end -->
   <% } %>
 </section>
 <% } %>

layout/post.ejs

@@ -32,11 +32,9 @@
     </div>
     <!-- Comments -->
     <div class="container">
-      <% if (config.disqus_shortname) { %>
-        <%- partial('_partial/comment', {
-            shortname: config.disqus_shortname
-          }) %>
-      <% } %>
+      <%- partial('_partial/comment', {
+          shortname: config.disqus_shortname
+        }) %>
     </div>
     <!-- Pre or Next -->
     <div class="nav-links">

source/css/_comment.scss

@@ -0,0 +1,10 @@
+#comment #ds-thread #ds-reset a.ds-like-thread-button {
+  background-color: #fff;
+  background-image: none;
+}
+#comment #ds-reset .ds-gradient-bg {
+  background: none;
+}
+#comment #ds-thread #ds-reset .ds-powered-by {
+  display: none;
+}

source/css/style.scss

@@ -5,5 +5,6 @@
 @import './post';
 @import './highlight';
 @import './archive';
+@import './comment';
 
 @import './mobile';