From d2755a4e483c56e2b5b91e384da8f7bca92f073b Mon Sep 17 00:00:00 2001
From: PJ568 <PJ568@PJ568.eu.org>
Date: Sun, 24 Sep 2023 11:42:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=84=E8=AE=BA=E6=A0=B9=E6=8D=AE=E8=AE=BF?=
 =?UTF-8?q?=E9=97=AE=E8=80=85=E8=AF=AD=E8=A8=80=E8=87=AA=E5=8A=A8=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/index.html | 37 +++++++++-------------------
 comment/index.html     | 24 ++++--------------
 js/giscus.js           | 55 ++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 72 insertions(+), 44 deletions(-)
 create mode 100644 js/giscus.js
diff --git a/application/index.html b/application/index.html
index f57fa0cd..10f34845 100644
--- a/application/index.html
+++ b/application/index.html
@@ -5,12 +5,13 @@
 		<meta property="og:title" content="568Tools&nbsp;|&nbsp;页面提交" />
 		<meta name="description" content="568Tools 在线工具箱的页面提交界面。">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<script src="https://res.zvo.cn/translate/translate.js"></script>
-		<script src="/js/loading.js"></script>
+		<script src="//res.zvo.cn/translate/translate.js"></script>
+		<script src="../js/loading.js"></script>
 		<title>568Tools&nbsp;|&nbsp;页面提交</title>
-		<link rel="icon" type="image/svg+xml" href="/img/icon.svg">
-		<link rel="stylesheet" href="/css/tool_type.css">
-		<script src="/js/include.js"></script>
+		<link rel="icon" type="image/svg+xml" href="../img/icon.svg">
+		<link rel="stylesheet" href="../css/tool_type.css">
+		<script src="../js/include.js"></script>
+		<script src="../js/giscus.js"></script>
 	</head>
 	<body>
 		<div id="loading">
@@ -21,7 +22,7 @@
 		<div class="bg-img"></div>
 		<div id="list" class="nav_content">
 			<div class="item info">
-				<h2><img alt="Main_icon" class="mainicon" src="/img/icon.svg" />&nbsp;568Tools&nbsp;|&nbsp;页面提交</h2>
+				<h2><img alt="Main_icon" class="mainicon" src="../img/icon.svg" />&nbsp;568Tools&nbsp;|&nbsp;页面提交</h2>
 				<p>请遵循以下步骤：</p>
 				<h3>一、确认类型</h3>
 					<p>①&nbsp;友链：适合诸如个人博客、自建服务等独立网站；</p>
@@ -44,21 +45,7 @@
 				<p>图标：（可不填写；填写图标地址）</p>
 			</div>
 			<div class="item"><h2>评论</h2>
-			<script src="https://giscus.app/client.js"
-				data-repo="PJ-568/568tools"
-				data-repo-id="R_kgDOJer3gw"
-				data-category="Announcements"
-				data-category-id="DIC_kwDOJer3g84CXG0D"
-				data-mapping="og:title"
-				data-strict="1"
-				data-reactions-enabled="1"
-				data-emit-metadata="0"
-				data-input-position="top"
-				data-theme="https://tools.pj568.eu.org/css/568_comment.css"
-				data-lang="zh-CN"
-				crossorigin="anonymous"
-				async>
-			</script>
+				<div id="giscus-container"></div>
 			</div>
 			<div class="item">
 				<h2>可选操作</h2>
@@ -68,9 +55,9 @@
 					<a style="cursor:pointer" onclick="javascript:history.back(-1);">尝试返回</a>
 				</div>
 			</div>
-			<include src="/footer.html"></include>
+			<include src="../footer.html"></include>
 		</div>
-		<include src="/header.html"></include>
+		<include src="../header.html"></include>
 		<ul id="rcb_menu">
 			<li id="rcb_t1">🏠&nbsp;首页</li>
 			<li class="hr_break"></li>
@@ -81,6 +68,6 @@
 			<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
 		</ul>
 	</body>
-	<script src="/js/contextmenu.js"></script>
-	<script src="/js/push_to_baidu.js"></script>
+	<script src="../js/contextmenu.js"></script>
+	<script src="../js/push_to_baidu.js"></script>
 </html>
\ No newline at end of file
diff --git a/comment/index.html b/comment/index.html
index 097c6d45..18018370 100644
--- a/comment/index.html
+++ b/comment/index.html
@@ -5,12 +5,13 @@
 		<meta property="og:title" content="568Tools&nbsp;|&nbsp;Comment" />
 		<meta name="description" content="568Tools 在线工具箱的评论界面。">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<script src="https://res.zvo.cn/translate/translate.js"></script>
+		<script src="//res.zvo.cn/translate/translate.js"></script>
 		<script src="../js/loading.js"></script>
 		<title>568Tools&nbsp;|&nbsp;Comment</title>
 		<link rel="icon" type="image/svg+xml" href="../img/icon.svg">
 		<link rel="stylesheet" href="../css/tool_type.css">
 		<script src="../js/include.js"></script>
+		<script src="../js/giscus.js"></script>
 	</head>
 	<body>
 		<div id="loading">
@@ -21,26 +22,11 @@
 		<div class="bg-img"></div>
 		<div id="list" class="nav_content">
 			<div class="item info">
-				<h2><img alt="Main_icon" class="mainicon" src="/img/icon.svg" />&nbsp;568Tools&nbsp;|&nbsp;Comment&nbsp;评论区</h2>
+				<h2><img alt="Main_icon" class="mainicon" src="../img/icon.svg" />&nbsp;568Tools&nbsp;|&nbsp;Comment&nbsp;评论区</h2>
 				<p>欢迎各位反馈和讨论！请不要吝啬您的<a rel="nofollow" target="_blank" href=".">留言反馈</a>，感谢使用及分享！</p>
 			</div>
 			<div class="item"><h2>评论</h2>
-			<script src="https://giscus.app/client.js"
-				data-repo="PJ-568/568tools"
-				data-repo-id="R_kgDOJer3gw"
-				data-category="Announcements"
-				data-category-id="DIC_kwDOJer3g84CXG0D"
-				data-mapping="og:title"
-				data-strict="1"
-				data-reactions-enabled="1"
-				data-emit-metadata="0"
-				data-input-position="top"
-				data-theme="https://tools.pj568.eu.org/css/568_comment.css"
-				data-lang="zh-CN"
-				crossorigin="anonymous"
-				async>
-			</script>
-			</div>
+				<div id="giscus-container"></div>
 			<div class="item">
 				<h2>可选操作</h2>
 				<div class="child">
@@ -49,7 +35,7 @@
 					<a style="cursor:pointer" onclick="javascript:history.back(-1);">尝试返回</a>
 				</div>
 			</div>
-			<include src="/footer.html"></include>
+			<include src="../footer.html"></include>
 		</div>
 		<include src="../header.html"></include>
 		<ul id="rcb_menu">
diff --git a/js/giscus.js b/js/giscus.js
new file mode 100644
index 00000000..1dee443b
--- /dev/null
+++ b/js/giscus.js
@@ -0,0 +1,55 @@
+// 获取用户使用的语种。
+var lang = translate.language.getCurrent();
+var giscus_lang = "zh-CN";
+switch (lang) {
+	case "chinese_traditional":
+		giscus_lang = "zh-TW"
+		break;
+	case "english":
+		giscus_lang = "en"
+		break;
+	case "spanish":
+		giscus_lang = "es"
+		break;
+	case "japanese":
+		giscus_lang = "ja"
+		break;
+	case "korean":
+		giscus_lang = "ko"
+		break;
+	case "french":
+		giscus_lang = "fr"
+		break;
+	case "arabic":
+		giscus_lang = "ar"
+		break;
+	default:
+		giscus_lang = "zh-CN";
+		break;
+}
+
+var giscus = function () {
+	const script = document.createElement("script");
+	script.type = "text/javascript";
+	script.src = "https://giscus.app/client.js";
+
+
+	script.setAttribute("data-repo", "PJ-568/568tools");
+	script.setAttribute("data-repo-id", "R_kgDOJer3gw");
+	script.setAttribute("data-category", "Announcements");
+	script.setAttribute("data-category-id", "DIC_kwDOJer3g84CXG0D");
+
+	script.setAttribute("data-mapping", "title");
+	script.setAttribute("data-strict", "1");
+	script.setAttribute("data-reactions-enabled", "1");
+	script.setAttribute("data-emit-metadata", "0");
+	script.setAttribute("data-input-position", "top");
+	script.setAttribute("data-theme", "https://tools.pj568.eu.org/css/568_comment.css");
+	script.setAttribute("data-lang", giscus_lang);
+
+	script.crossOrigin = "anonymous";
+	script.async = true;
+	document.getElementById("giscus-container").appendChild(script);
+};
+
+window.addEventListener('load', giscus);
\ No newline at end of file
