docs: update demo

README.md

@@ -66,10 +66,6 @@ import 'disqusjs/dist/disqusjs.css'
 import DisqusJS from 'disqusjs'
 ```
 
-```js
-
-```
-
 ### 使用
 
 创建一个 DisqusJS 的容器：

docs/index.html

@@ -29,7 +29,6 @@
 
         .comment-container {
             width: 100%;
-            background: #efefef;
             padding: 20px 0
         }
 
@@ -138,17 +137,19 @@
         </div>
         <div id="disqus_thread"></div>
     </div>
-    <script src="https://cdn.jsdelivr.net/npm/disqusjs@1.2.6/dist/disqus.js"></script>
+    <script id="dsqjs-script" async src="https://cdn.jsdelivr.net/npm/disqusjs@1.2.6/dist/disqus.js"></script>
     <script>
-        var dsqjs = new DisqusJS({
-            shortname: 'sukas-blog',
-            siteName: "Sukka's Blog · 苏卡卡的博客",
-            identifier: "https://suka.js.org/DisqusJS/",
-            url: "https://suka.js.org/DisqusJS/",
-            api: "https://disqus.skk.moe/disqus/",
-            apikey: 'G2amHmorq3wJVjaviRo3YNWPgsKkAm7IolUWQKLeyQNd7lb3GtgWNnh6RgFFIwO9',
-            admin: 'SukkaW',
-            adminLabel: '苏卡卡~'
+        document.getElementById('dsqjs-script').addEventListener('load', function() {
+            var dsqjs = new DisqusJS({
+                shortname: 'sukas-blog',
+                siteName: "Sukka's Blog · 苏卡卡的博客",
+                identifier: "https://suka.js.org/DisqusJS/",
+                url: "https://suka.js.org/DisqusJS/",
+                api: "https://disqus.skk.moe/disqus/",
+                apikey: 'G2amHmorq3wJVjaviRo3YNWPgsKkAm7IolUWQKLeyQNd7lb3GtgWNnh6RgFFIwO9',
+                admin: 'SukkaW',
+                adminLabel: '苏卡卡~'
+            });
         });
     </script>
     <script>