From 1a269c120e95cb75177eac845948d07f4c884818 Mon Sep 17 00:00:00 2001
From: cxykevin <cxykevin@yeah.net>
Date: Tue, 17 Sep 2024 09:23:06 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AF=84=E8=AE=BA=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.hbs | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)
diff --git a/index.hbs b/index.hbs
index 1d327c3..9471a74 100755
--- a/index.hbs
+++ b/index.hbs
@@ -56,6 +56,7 @@
 
     <!-- 自定义字体 -->
     <link href="{{ ../path_to_root }}theme/css/font.css" rel="stylesheet">
+
 </head>
 
 <body style="margin:0;padding:0;">
@@ -180,6 +181,13 @@
                     </div>
                 </mdui-card>
                 {{/next}}
+
+            </div>
+
+            <!-- 评论区插入点 -->
+            <div style="height:0.5em"></div>
+            <div style="width:90%;margin:auto;">
+                <div id="sacn_comments"></div>
             </div>
         </mdui-layout-main>
 
@@ -226,16 +234,34 @@
     <!-- 留白 -->
     <div style="height:2em"></div>
 
+    <!-- 评论区 -->
+    <script>
+        // 更新评论框高度
+        window.addEventListener('message', function (event) {
+            if (event.data.sacn_height) {
+                const iframe = document.getElementById('sacn_comments');
+                iframe.style.height = event.data.sacn_height + 'px';
+            }
+        });
+
+        // 加载评论区
+        function load_comments(route) {
+            var tmpl = `<iframe src="https://comments.study-area.org.cn` + route + `" frameborder="0" scrolling="no" width="100%" height="800px"
+    id="sacn_comments">Comments</iframe>`
+            document.getElementById('sacn_comments').outerHTML = tmpl;
+        }
+    </script>
+
     <!-- 高亮 -->
     <script>
         window.addEventListener('load', function () {
             hljs.highlightAll();
+            load_comments("/sacn" + window.location.pathname);
         }); 
     </script>
 
     <!-- 页面 JS -->
     <script src="{{ ../path_to_root }}theme/js/page.js"></script>
-
 </body>
 
 </html>
\ No newline at end of file
