评论根据访问者语言自动切换

main
PJ568 2 years ago
parent c03f07b0c9
commit d2755a4e48

@ -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>

@ -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">

@ -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);
Loading…
Cancel
Save