diff --git a/discussbot.njk b/discussbot.njk
new file mode 100644
index 0000000..4e1866f
--- /dev/null
+++ b/discussbot.njk
@@ -0,0 +1,15 @@
+{%- if page.comments %}
+<script>
+NexT.utils.loadComments('#discussbot-container', () => {
+  const script = document.createElement('script');
+  script.src = 'https://comments.app/js/widget.js?3';
+  script.setAttribute('data-comments-app-website', {{ config.siteid | safedump }});
+  script.setAttribute('data-limit', {{ config.number | safedump }});
+  script.setAttribute('data-color', {{ config.color | safedump }});
+  script.setAttribute('dislikes', {{ config.dislikes | safedump }});
+  script.setAttribute('outlined', {{ config.outlined | safedump }});
+  script.async = true;
+  document.querySelector('#discussbot-container').appendChild(script);
+});
+</script>
+{%- endif %}
\ No newline at end of file
diff --git a/index.js b/index.js
index 16977d1..631c662 100644
--- a/index.js
+++ b/index.js
@@ -2,7 +2,7 @@
 
 'use strict';
 
-const Util = require('next-util');
+const Util = require('@next-theme/utils');
 const utils = new Util(hexo, __dirname);
 
 hexo.extend.filter.register('theme_inject', injects => {
@@ -16,13 +16,13 @@ hexo.extend.filter.register('theme_inject', injects => {
   }
 
   injects.comment.raw('discussbot', `
-  {% if page.comments %}
-  <div class="comments" id="discussbot-container">
-  <script{{ pjax }} async src="https://comments.app/js/widget.js?3" data-comments-app-website="${config.siteid}" data-limit="${config.number}" data-color="${config.color}" data-dislikes="${config.dislikes}" data-outlined="${config.outlined}"></script>
+  <div class="comments">
+    <div id="discussbot-container"></div>
   </div>
-  {% endif %}
-  `);
+  `, {}, { cache: true });
+
+  injects.bodyEnd.raw('discussbot', utils.getFileContent('discussbot.njk'));
 
   injects.style.push(utils.getFilePath('discussbot.styl'));
 
-}, (hexo.config.discussbot || {}).priority);
+});