From 0d3a053c6e933a5690a3209a08d9af36f86bf9e4 Mon Sep 17 00:00:00 2001
From: liuzhihang <liuzhihangs@qq.com>
Date: Thu, 13 Oct 2022 00:25:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A7=E5=88=B6=E5=8F=B0=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/category.html                | 175 +------------------------
 templates/index.html                   | 163 +----------------------
 templates/modules/widgets/console.html |  71 ++++++++++
 templates/post.html                    | 163 +----------------------
 templates/tag.html                     | 156 +---------------------
 5 files changed, 81 insertions(+), 647 deletions(-)
 create mode 100644 templates/modules/widgets/console.html

diff --git a/templates/category.html b/templates/category.html
index be86b138..20e09c0f 100644
--- a/templates/category.html
+++ b/templates/category.html
@@ -187,177 +187,10 @@
     <div class="loading-bg"><img class="loading-img" src="https://img.zhheo.com/i/2022/08/31/630f01a3755aa.webp"></div>
 </div>
 <div id="web_bg"></div>
-<div id="console">
-    <div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"><i class="fas fa-circle-xmark"></i>
-    </div>
-    <div class="console-card-group">
-        <div class="console-card-group-left">
-            <div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">互动</div>
-                    <span class="author-content-item-title">最近评论</span></div>
-                <div class="aside-list"><span>正在加载中...</span></div>
-            </div>
-        </div>
-        <div class="console-card-group-right">
-            <div class="console-card tags" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">标签</div>
-                    <span class="author-content-item-title">寻找感兴趣的领域</span></div>
-                <div class="card-tag-cloud"><a href="../../tags/AfterEffects/index.html"
-                                               style="font-size:1em;color:#d3d3d3">AfterEffects<sup>11</sup></a> <a
-                        href="../../tags/Chrome/index.html" style="font-size:1em;color:#d3d3d3">Chrome<sup>10</sup></a>
-                    <a href="../../tags/Docker/index.html" style="font-size:1em;color:#d3d3d3">Docker<sup>1</sup></a> <a
-                            href="../../tags/Dribbble/index.html"
-                            style="font-size:1em;color:#d3d3d3">Dribbble<sup>9</sup></a> <a
-                            href="../../tags/FinalCutPro/index.html"
-                            style="font-size:1em;color:#d3d3d3">FinalCutPro<sup>5</sup></a> <a
-                            href="../../tags/Heocan/index.html" style="font-size:1em;color:#d3d3d3">Heocan<sup>21</sup></a>
-                    <a href="../../tags/Heomagic/index.html"
-                       style="font-size:1em;color:#d3d3d3">Heomagic<sup>5</sup></a> <a href="../../tags/Hexo/index.html"
-                                                                                       style="font-size:1em;color:#d3d3d3">Hexo<sup>43</sup></a>
-                    <a href="../../tags/HomePod/index.html" style="font-size:1em;color:#d3d3d3">HomePod<sup>2</sup></a>
-                    <a href="../../tags/Mac/index.html" style="font-size:1em;color:#d3d3d3">Mac<sup>48</sup></a> <a
-                            href="../../tags/Photoshop/index.html"
-                            style="font-size:1em;color:#d3d3d3">Photoshop<sup>23</sup></a> <a
-                            href="../../tags/Principle/index.html"
-                            style="font-size:1em;color:#d3d3d3">Principle<sup>2</sup></a> <a
-                            href="../../tags/Python/index.html"
-                            style="font-size:1em;color:#d3d3d3">Python<sup>9</sup></a> <a
-                            href="../../tags/Sketch/index.html" style="font-size:1em;color:#d3d3d3">Sketch<sup>75</sup></a>
-                    <a href="../../tags/Sketch-Data/index.html"
-                       style="font-size:1em;color:#d3d3d3">Sketch-Data<sup>3</sup></a> <a
-                            href="../../tags/Swift/index.html"
-                            style="font-size:1em;color:#d3d3d3">Swift<sup>98</sup></a> <a
-                            href="../../tags/SwiftUI-100days/index.html" style="font-size:1em;color:#d3d3d3">SwiftUI-100days<sup>48</sup></a>
-                    <a href="../../tags/VI/index.html" style="font-size:1em;color:#d3d3d3">VI<sup>10</sup></a> <a
-                            href="../../tags/VLOG/index.html" style="font-size:1em;color:#d3d3d3">VLOG<sup>2</sup></a>
-                    <a href="../../tags/iOS/index.html" style="font-size:1em;color:#d3d3d3">iOS<sup>30</sup></a> <a
-                            href="../../tags/illustrator/index.html"
-                            style="font-size:1em;color:#d3d3d3">illustrator<sup>8</sup></a> <a
-                            href="../../tags/%E4%BA%A7%E5%93%81/index.html"
-                            style="font-size:1em;color:#d3d3d3">产品<sup>16</sup></a> <a
-                            href="../../tags/%E4%BC%98%E8%B4%A8%E6%8A%A5%E5%91%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">优质报告<sup>3</sup></a> <a
-                            href="../../tags/%E4%BD%93%E9%AA%8C%E5%AE%98/index.html"
-                            style="font-size:1em;color:#d3d3d3">体验官<sup>3</sup></a> <a
-                            href="../../tags/%E5%8A%9E%E5%85%AC/index.html"
-                            style="font-size:1em;color:#d3d3d3">办公<sup>1</sup></a> <a
-                            href="../../tags/%E5%AD%97%E4%BD%93/index.html"
-                            style="font-size:1em;color:#d3d3d3">字体<sup>10</sup></a> <a
-                            href="../../tags/%E5%B9%B2%E8%B4%A7/index.html"
-                            style="font-size:1em;color:#d3d3d3">干货<sup>138</sup></a> <a
-                            href="../../tags/%E5%BC%80%E5%8F%91/index.html"
-                            style="font-size:1em;color:#d3d3d3">开发<sup>179</sup></a> <a
-                            href="../../tags/%E5%BF%85%E7%9C%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">必看<sup>45</sup></a> <a
-                            href="../../tags/%E6%95%99%E7%A8%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">教程<sup>254</sup></a> <a
-                            href="../../tags/%E6%97%A5%E5%B8%B8/index.html"
-                            style="font-size:1em;color:#d3d3d3">日常<sup>27</sup></a> <a
-                            href="../../tags/%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97/index.html"
-                            style="font-size:1em;color:#d3d3d3">更新日志<sup>7</sup></a> <a
-                            href="../../tags/%E6%B7%B7%E5%89%AA/index.html"
-                            style="font-size:1em;color:#d3d3d3">混剪<sup>5</sup></a> <a
-                            href="../../tags/%E7%83%AD%E9%97%A8/index.html"
-                            style="font-size:1em;color:#d3d3d3">热门<sup>50</sup></a> <a
-                            href="../../tags/%E7%94%B5%E5%AD%90%E4%B9%A6/index.html"
-                            style="font-size:1em;color:#d3d3d3">电子书<sup>1</sup></a> <a
-                            href="../../tags/%E7%BD%91%E9%A1%B5%E5%89%8D%E7%AB%AF/index.html"
-                            style="font-size:1em;color:#d3d3d3">网页前端<sup>44</sup></a> <a
-                            href="../../tags/%E8%A1%A8%E6%83%85/index.html"
-                            style="font-size:1em;color:#d3d3d3">表情<sup>2</sup></a> <a
-                            href="../../tags/%E8%A7%86%E9%A2%91/index.html"
-                            style="font-size:1em;color:#d3d3d3">视频<sup>17</sup></a> <a
-                            href="../../tags/%E8%AE%BE%E8%AE%A1/index.html"
-                            style="font-size:1em;color:#d3d3d3">设计<sup>216</sup></a> <a
-                            href="../../tags/%E8%AE%BE%E8%AE%A1%E6%8A%A5%E5%91%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">设计报告<sup>12</sup></a> <a
-                            href="../../tags/%E8%AF%84%E6%B5%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">评测<sup>10</sup></a> <a
-                            href="../../tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/index.html"
-                            style="font-size:1em;color:#d3d3d3">读书笔记<sup>6</sup></a> <a
-                            href="../../tags/%E8%BD%AF%E4%BB%B6/index.html"
-                            style="font-size:1em;color:#d3d3d3">软件<sup>50</sup></a> <a
-                            href="../../tags/%E8%BF%90%E7%BB%B4/index.html"
-                            style="font-size:1em;color:#d3d3d3">运维<sup>8</sup></a> <a
-                            href="../../tags/%E8%BF%90%E8%90%A5/index.html"
-                            style="font-size:1em;color:#d3d3d3">运营<sup>4</sup></a> <a
-                            href="../../tags/%E9%97%B2%E8%81%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">闲聊<sup>18</sup></a> <a
-                            href="../../tags/%E9%9F%B3%E4%B9%90/index.html"
-                            style="font-size:1em;color:#d3d3d3">音乐<sup>6</sup></a></div>
-            </div>
-            <div class="console-card history" onclick="heo.hideConsole()">
-                <div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
-                <ul class="card-archive-list">
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2022/index.html"><span
-                            class="card-archive-list-date">2022</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">92</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2021/index.html"><span
-                            class="card-archive-list-date">2021</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">147</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2020/index.html"><span
-                            class="card-archive-list-date">2020</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">319</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2019/index.html"><span
-                            class="card-archive-list-date">2019</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">62</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2018/index.html"><span
-                            class="card-archive-list-date">2018</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">1</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2017/index.html"><span
-                            class="card-archive-list-date">2017</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">6</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2016/index.html"><span
-                            class="card-archive-list-date">2016</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">3</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2015/index.html"><span
-                            class="card-archive-list-date">2015</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">19</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                </ul>
-            </div>
-        </div>
-    </div>
-    <div class="button-group">
-        <div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
-                                         onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
-                class="fa-duotone fa-moon" style="font-size:1rem"></i></a></div>
-        <div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
-                class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a></div>
-        <div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
-                class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a></div>
-        <div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
-            <a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a></div>
-        <div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
-                class="music-switch"><i class="fa-duotone fa-music"></i></a></div>
-    </div>
-    <div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow"></div>
-</div>
+
+<!-- 控制台 -->
+<div th:replace="modules/widgets/console :: console"></div>
+
 <div id="sidebar">
     <div id="menu-mask"></div>
     <div id="sidebar-menus">
diff --git a/templates/index.html b/templates/index.html
index d06595ca..d11ca405 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -183,168 +183,7 @@
 <div id="web_bg"></div>
 
 <!-- 控制台 -->
-<div id="console">
-    <div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"><i class="fas fa-circle-xmark"></i>
-    </div>
-    <div class="console-card-group">
-        <div class="console-card-group-left">
-            <div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">互动</div>
-                    <span class="author-content-item-title">最近评论</span></div>
-                <div class="aside-list"><span>正在加载中...</span></div>
-            </div>
-        </div>
-        <div class="console-card-group-right">
-            <div class="console-card tags" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">标签</div>
-                    <span class="author-content-item-title">寻找感兴趣的领域</span></div>
-                <div class="card-tag-cloud"><a href="tags/AfterEffects/index.html" style="font-size:1em;color:#d3d3d3">AfterEffects<sup>11</sup></a>
-                    <a href="tags/Chrome/index.html" style="font-size:1em;color:#d3d3d3">Chrome<sup>10</sup></a> <a
-                            href="tags/Docker/index.html" style="font-size:1em;color:#d3d3d3">Docker<sup>1</sup></a> <a
-                            href="tags/Dribbble/index.html" style="font-size:1em;color:#d3d3d3">Dribbble<sup>9</sup></a>
-                    <a href="tags/FinalCutPro/index.html"
-                       style="font-size:1em;color:#d3d3d3">FinalCutPro<sup>5</sup></a> <a href="tags/Heocan/index.html"
-                                                                                          style="font-size:1em;color:#d3d3d3">Heocan<sup>21</sup></a>
-                    <a href="tags/Heomagic/index.html" style="font-size:1em;color:#d3d3d3">Heomagic<sup>5</sup></a> <a
-                            href="tags/Hexo/index.html" style="font-size:1em;color:#d3d3d3">Hexo<sup>43</sup></a> <a
-                            href="tags/HomePod/index.html" style="font-size:1em;color:#d3d3d3">HomePod<sup>2</sup></a>
-                    <a href="tags/Mac/index.html" style="font-size:1em;color:#d3d3d3">Mac<sup>48</sup></a> <a
-                            href="tags/Photoshop/index.html" style="font-size:1em;color:#d3d3d3">Photoshop<sup>23</sup></a>
-                    <a href="tags/Principle/index.html" style="font-size:1em;color:#d3d3d3">Principle<sup>2</sup></a> <a
-                            href="tags/Python/index.html" style="font-size:1em;color:#d3d3d3">Python<sup>9</sup></a> <a
-                            href="tags/Sketch/index.html" style="font-size:1em;color:#d3d3d3">Sketch<sup>75</sup></a> <a
-                            href="tags/Sketch-Data/index.html"
-                            style="font-size:1em;color:#d3d3d3">Sketch-Data<sup>3</sup></a> <a
-                            href="tags/Swift/index.html" style="font-size:1em;color:#d3d3d3">Swift<sup>98</sup></a> <a
-                            href="tags/SwiftUI-100days/index.html"
-                            style="font-size:1em;color:#d3d3d3">SwiftUI-100days<sup>48</sup></a> <a
-                            href="tags/VI/index.html" style="font-size:1em;color:#d3d3d3">VI<sup>10</sup></a> <a
-                            href="tags/VLOG/index.html" style="font-size:1em;color:#d3d3d3">VLOG<sup>2</sup></a> <a
-                            href="tags/iOS/index.html" style="font-size:1em;color:#d3d3d3">iOS<sup>30</sup></a> <a
-                            href="tags/illustrator/index.html"
-                            style="font-size:1em;color:#d3d3d3">illustrator<sup>8</sup></a> <a
-                            href="tags/%E4%BA%A7%E5%93%81/index.html"
-                            style="font-size:1em;color:#d3d3d3">产品<sup>16</sup></a> <a
-                            href="tags/%E4%BC%98%E8%B4%A8%E6%8A%A5%E5%91%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">优质报告<sup>3</sup></a> <a
-                            href="tags/%E4%BD%93%E9%AA%8C%E5%AE%98/index.html" style="font-size:1em;color:#d3d3d3">体验官<sup>3</sup></a>
-                    <a href="tags/%E5%8A%9E%E5%85%AC/index.html"
-                       style="font-size:1em;color:#d3d3d3">办公<sup>1</sup></a> <a
-                            href="tags/%E5%AD%97%E4%BD%93/index.html"
-                            style="font-size:1em;color:#d3d3d3">字体<sup>10</sup></a> <a
-                            href="tags/%E5%B9%B2%E8%B4%A7/index.html"
-                            style="font-size:1em;color:#d3d3d3">干货<sup>138</sup></a> <a
-                            href="tags/%E5%BC%80%E5%8F%91/index.html"
-                            style="font-size:1em;color:#d3d3d3">开发<sup>179</sup></a> <a
-                            href="tags/%E5%BF%85%E7%9C%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">必看<sup>45</sup></a> <a
-                            href="tags/%E6%95%99%E7%A8%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">教程<sup>254</sup></a> <a
-                            href="tags/%E6%97%A5%E5%B8%B8/index.html"
-                            style="font-size:1em;color:#d3d3d3">日常<sup>27</sup></a> <a
-                            href="tags/%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97/index.html"
-                            style="font-size:1em;color:#d3d3d3">更新日志<sup>7</sup></a> <a
-                            href="tags/%E6%B7%B7%E5%89%AA/index.html"
-                            style="font-size:1em;color:#d3d3d3">混剪<sup>5</sup></a> <a
-                            href="tags/%E7%83%AD%E9%97%A8/index.html"
-                            style="font-size:1em;color:#d3d3d3">热门<sup>50</sup></a> <a
-                            href="tags/%E7%94%B5%E5%AD%90%E4%B9%A6/index.html" style="font-size:1em;color:#d3d3d3">电子书<sup>1</sup></a>
-                    <a href="tags/%E7%BD%91%E9%A1%B5%E5%89%8D%E7%AB%AF/index.html" style="font-size:1em;color:#d3d3d3">网页前端<sup>44</sup></a>
-                    <a href="tags/%E8%A1%A8%E6%83%85/index.html"
-                       style="font-size:1em;color:#d3d3d3">表情<sup>2</sup></a> <a
-                            href="tags/%E8%A7%86%E9%A2%91/index.html"
-                            style="font-size:1em;color:#d3d3d3">视频<sup>17</sup></a> <a
-                            href="tags/%E8%AE%BE%E8%AE%A1/index.html"
-                            style="font-size:1em;color:#d3d3d3">设计<sup>216</sup></a> <a
-                            href="tags/%E8%AE%BE%E8%AE%A1%E6%8A%A5%E5%91%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">设计报告<sup>12</sup></a> <a
-                            href="tags/%E8%AF%84%E6%B5%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">评测<sup>10</sup></a> <a
-                            href="tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/index.html"
-                            style="font-size:1em;color:#d3d3d3">读书笔记<sup>6</sup></a> <a
-                            href="tags/%E8%BD%AF%E4%BB%B6/index.html"
-                            style="font-size:1em;color:#d3d3d3">软件<sup>50</sup></a> <a
-                            href="tags/%E8%BF%90%E7%BB%B4/index.html"
-                            style="font-size:1em;color:#d3d3d3">运维<sup>8</sup></a> <a
-                            href="tags/%E8%BF%90%E8%90%A5/index.html"
-                            style="font-size:1em;color:#d3d3d3">运营<sup>4</sup></a> <a
-                            href="tags/%E9%97%B2%E8%81%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">闲聊<sup>18</sup></a> <a
-                            href="tags/%E9%9F%B3%E4%B9%90/index.html"
-                            style="font-size:1em;color:#d3d3d3">音乐<sup>6</sup></a></div>
-            </div>
-            <div class="console-card history" onclick="heo.hideConsole()">
-                <div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
-                <ul class="card-archive-list">
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2022/index.html"><span
-                            class="card-archive-list-date">2022</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">92</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2021/index.html"><span
-                            class="card-archive-list-date">2021</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">147</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2020/index.html"><span
-                            class="card-archive-list-date">2020</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">319</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2019/index.html"><span
-                            class="card-archive-list-date">2019</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">62</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2018/index.html"><span
-                            class="card-archive-list-date">2018</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">1</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2017/index.html"><span
-                            class="card-archive-list-date">2017</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">6</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2016/index.html"><span
-                            class="card-archive-list-date">2016</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">3</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2015/index.html"><span
-                            class="card-archive-list-date">2015</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">19</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                </ul>
-            </div>
-        </div>
-    </div>
-    <div class="button-group">
-        <div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
-                                         onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
-                class="fa-duotone fa-moon" style="font-size:1rem"></i></a></div>
-        <div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
-                class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a></div>
-        <div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
-                class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a></div>
-        <div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
-            <a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a></div>
-        <div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
-                class="music-switch"><i class="fa-duotone fa-music"></i></a></div>
-    </div>
-    <div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow"></div>
-</div>
+<div th:replace="modules/widgets/console :: console"></div>
 
 <!-- 侧边栏 -->
 <div id="sidebar">
diff --git a/templates/modules/widgets/console.html b/templates/modules/widgets/console.html
new file mode 100644
index 00000000..fa0fe38c
--- /dev/null
+++ b/templates/modules/widgets/console.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<!-- 控制台，右上角点击的时候会显示 -->
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<div id="console" th:fragment="console">
+    <div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()">
+        <i class="fas fa-circle-xmark"></i>
+    </div>
+    <div class="console-card-group">
+        <!-- 评论，需要使用评论插件，获取最近评论 -->
+        <div class="console-card-group-left">
+            <div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
+                <div class="card-content">
+                    <div class="author-content-item-tips">互动</div>
+                    <span class="author-content-item-title">最近评论</span></div>
+                <div class="aside-list"><span>正在加载中...</span></div>
+            </div>
+        </div>
+        <!-- 右侧展示 tag -->
+        <div class="console-card-group-right">
+            <div class="console-card tags" onclick="heo.hideConsole()">
+                <div class="card-content">
+                    <div class="author-content-item-tips">标签</div>
+                    <span class="author-content-item-title">寻找感兴趣的领域</span></div>
+                <div class="card-tag-cloud" th:with="tags = ${tagFinder.listAll()}">
+                    <a style="font-size:1em;color:#d3d3d3"
+                       th:each="tag : ${tags}"
+                       th:href="${tag.status.permalink}"
+                       th:text="${tag.spec.displayName}">
+                        <sup th:text="${tag.status.postCount}"> </sup>
+                    </a>
+                </div>
+            </div>
+            <!-- 底部展示时间归档 -->
+            <!--<div class="console-card history" onclick="heo.hideConsole()">-->
+            <!--    <div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>-->
+            <!--    <ul class="card-archive-list">-->
+            <!--        <li class="card-archive-list-item" th:each="categoryItem : ${categoryFinder.listAll()}">-->
+            <!--            <a class="card-archive-list-link" th:href="${categoryItem.status.permalink}">-->
+            <!--                <span class="card-archive-list-date" th:text="">2022</span>-->
+            <!--                <div class="card-archive-list-count-group">-->
+            <!--                    <span class="card-archive-list-count" th:text="${category.status.postCount}"></span>-->
+            <!--                    <span class="card-archive-list-count-unit">篇</span>-->
+            <!--                </div>-->
+            <!--            </a>-->
+            <!--        </li>-->
+            <!--    </ul>-->
+            <!--</div>-->
+        </div>
+    </div>
+    <div class="button-group">
+        <div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
+                                         onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
+                class="fa-duotone fa-moon" style="font-size:1rem"></i></a>
+        </div>
+        <div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
+                class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a>
+        </div>
+        <div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
+                class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a>
+        </div>
+        <div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
+            <a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a>
+        </div>
+        <div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
+                class="music-switch"><i class="fa-duotone fa-music"></i></a>
+        </div>
+    </div>
+    <div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow">
+    </div>
+</div>
+</html>
\ No newline at end of file
diff --git a/templates/post.html b/templates/post.html
index 6feb5adf..2332460d 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -192,168 +192,7 @@
 <div id="web_bg"></div>
 
 <!-- 控制台 -->
-<div id="console">
-    <div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"><i class="fas fa-circle-xmark"></i>
-    </div>
-    <div class="console-card-group">
-        <div class="console-card-group-left">
-            <div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">互动</div>
-                    <span class="author-content-item-title">最近评论</span></div>
-                <div class="aside-list"><span>正在加载中...</span></div>
-            </div>
-        </div>
-        <div class="console-card-group-right">
-            <div class="console-card tags" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">标签</div>
-                    <span class="author-content-item-title">寻找感兴趣的领域</span></div>
-                <div class="card-tag-cloud"><a href="tags/AfterEffects/index.html" style="font-size:1em;color:#d3d3d3">AfterEffects<sup>11</sup></a>
-                    <a href="tags/Chrome/index.html" style="font-size:1em;color:#d3d3d3">Chrome<sup>10</sup></a> <a
-                            href="tags/Docker/index.html" style="font-size:1em;color:#d3d3d3">Docker<sup>1</sup></a> <a
-                            href="tags/Dribbble/index.html" style="font-size:1em;color:#d3d3d3">Dribbble<sup>9</sup></a>
-                    <a href="tags/FinalCutPro/index.html"
-                       style="font-size:1em;color:#d3d3d3">FinalCutPro<sup>5</sup></a> <a href="tags/Heocan/index.html"
-                                                                                          style="font-size:1em;color:#d3d3d3">Heocan<sup>21</sup></a>
-                    <a href="tags/Heomagic/index.html" style="font-size:1em;color:#d3d3d3">Heomagic<sup>5</sup></a> <a
-                            href="tags/Hexo/index.html" style="font-size:1em;color:#d3d3d3">Hexo<sup>43</sup></a> <a
-                            href="tags/HomePod/index.html" style="font-size:1em;color:#d3d3d3">HomePod<sup>2</sup></a>
-                    <a href="tags/Mac/index.html" style="font-size:1em;color:#d3d3d3">Mac<sup>48</sup></a> <a
-                            href="tags/Photoshop/index.html" style="font-size:1em;color:#d3d3d3">Photoshop<sup>23</sup></a>
-                    <a href="tags/Principle/index.html" style="font-size:1em;color:#d3d3d3">Principle<sup>2</sup></a> <a
-                            href="tags/Python/index.html" style="font-size:1em;color:#d3d3d3">Python<sup>9</sup></a> <a
-                            href="tags/Sketch/index.html" style="font-size:1em;color:#d3d3d3">Sketch<sup>75</sup></a> <a
-                            href="tags/Sketch-Data/index.html"
-                            style="font-size:1em;color:#d3d3d3">Sketch-Data<sup>3</sup></a> <a
-                            href="tags/Swift/index.html" style="font-size:1em;color:#d3d3d3">Swift<sup>98</sup></a> <a
-                            href="tags/SwiftUI-100days/index.html"
-                            style="font-size:1em;color:#d3d3d3">SwiftUI-100days<sup>48</sup></a> <a
-                            href="tags/VI/index.html" style="font-size:1em;color:#d3d3d3">VI<sup>10</sup></a> <a
-                            href="tags/VLOG/index.html" style="font-size:1em;color:#d3d3d3">VLOG<sup>2</sup></a> <a
-                            href="tags/iOS/index.html" style="font-size:1em;color:#d3d3d3">iOS<sup>30</sup></a> <a
-                            href="tags/illustrator/index.html"
-                            style="font-size:1em;color:#d3d3d3">illustrator<sup>8</sup></a> <a
-                            href="tags/%E4%BA%A7%E5%93%81/index.html"
-                            style="font-size:1em;color:#d3d3d3">产品<sup>16</sup></a> <a
-                            href="tags/%E4%BC%98%E8%B4%A8%E6%8A%A5%E5%91%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">优质报告<sup>3</sup></a> <a
-                            href="tags/%E4%BD%93%E9%AA%8C%E5%AE%98/index.html" style="font-size:1em;color:#d3d3d3">体验官<sup>3</sup></a>
-                    <a href="tags/%E5%8A%9E%E5%85%AC/index.html"
-                       style="font-size:1em;color:#d3d3d3">办公<sup>1</sup></a> <a
-                            href="tags/%E5%AD%97%E4%BD%93/index.html"
-                            style="font-size:1em;color:#d3d3d3">字体<sup>10</sup></a> <a
-                            href="tags/%E5%B9%B2%E8%B4%A7/index.html"
-                            style="font-size:1em;color:#d3d3d3">干货<sup>138</sup></a> <a
-                            href="tags/%E5%BC%80%E5%8F%91/index.html"
-                            style="font-size:1em;color:#d3d3d3">开发<sup>179</sup></a> <a
-                            href="tags/%E5%BF%85%E7%9C%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">必看<sup>45</sup></a> <a
-                            href="tags/%E6%95%99%E7%A8%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">教程<sup>254</sup></a> <a
-                            href="tags/%E6%97%A5%E5%B8%B8/index.html"
-                            style="font-size:1em;color:#d3d3d3">日常<sup>27</sup></a> <a
-                            href="tags/%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97/index.html"
-                            style="font-size:1em;color:#d3d3d3">更新日志<sup>7</sup></a> <a
-                            href="tags/%E6%B7%B7%E5%89%AA/index.html"
-                            style="font-size:1em;color:#d3d3d3">混剪<sup>5</sup></a> <a
-                            href="tags/%E7%83%AD%E9%97%A8/index.html"
-                            style="font-size:1em;color:#d3d3d3">热门<sup>50</sup></a> <a
-                            href="tags/%E7%94%B5%E5%AD%90%E4%B9%A6/index.html" style="font-size:1em;color:#d3d3d3">电子书<sup>1</sup></a>
-                    <a href="tags/%E7%BD%91%E9%A1%B5%E5%89%8D%E7%AB%AF/index.html" style="font-size:1em;color:#d3d3d3">网页前端<sup>44</sup></a>
-                    <a href="tags/%E8%A1%A8%E6%83%85/index.html"
-                       style="font-size:1em;color:#d3d3d3">表情<sup>2</sup></a> <a
-                            href="tags/%E8%A7%86%E9%A2%91/index.html"
-                            style="font-size:1em;color:#d3d3d3">视频<sup>17</sup></a> <a
-                            href="tags/%E8%AE%BE%E8%AE%A1/index.html"
-                            style="font-size:1em;color:#d3d3d3">设计<sup>216</sup></a> <a
-                            href="tags/%E8%AE%BE%E8%AE%A1%E6%8A%A5%E5%91%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">设计报告<sup>12</sup></a> <a
-                            href="tags/%E8%AF%84%E6%B5%8B/index.html"
-                            style="font-size:1em;color:#d3d3d3">评测<sup>10</sup></a> <a
-                            href="tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/index.html"
-                            style="font-size:1em;color:#d3d3d3">读书笔记<sup>6</sup></a> <a
-                            href="tags/%E8%BD%AF%E4%BB%B6/index.html"
-                            style="font-size:1em;color:#d3d3d3">软件<sup>50</sup></a> <a
-                            href="tags/%E8%BF%90%E7%BB%B4/index.html"
-                            style="font-size:1em;color:#d3d3d3">运维<sup>8</sup></a> <a
-                            href="tags/%E8%BF%90%E8%90%A5/index.html"
-                            style="font-size:1em;color:#d3d3d3">运营<sup>4</sup></a> <a
-                            href="tags/%E9%97%B2%E8%81%8A/index.html"
-                            style="font-size:1em;color:#d3d3d3">闲聊<sup>18</sup></a> <a
-                            href="tags/%E9%9F%B3%E4%B9%90/index.html"
-                            style="font-size:1em;color:#d3d3d3">音乐<sup>6</sup></a></div>
-            </div>
-            <div class="console-card history" onclick="heo.hideConsole()">
-                <div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
-                <ul class="card-archive-list">
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2022/index.html"><span
-                            class="card-archive-list-date">2022</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">92</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2021/index.html"><span
-                            class="card-archive-list-date">2021</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">147</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2020/index.html"><span
-                            class="card-archive-list-date">2020</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">319</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2019/index.html"><span
-                            class="card-archive-list-date">2019</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">62</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2018/index.html"><span
-                            class="card-archive-list-date">2018</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">1</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2017/index.html"><span
-                            class="card-archive-list-date">2017</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">6</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2016/index.html"><span
-                            class="card-archive-list-date">2016</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">3</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="archives/2015/index.html"><span
-                            class="card-archive-list-date">2015</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">19</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                </ul>
-            </div>
-        </div>
-    </div>
-    <div class="button-group">
-        <div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
-                                         onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
-                class="fa-duotone fa-moon" style="font-size:1rem"></i></a></div>
-        <div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
-                class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a></div>
-        <div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
-                class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a></div>
-        <div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
-            <a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a></div>
-        <div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
-                class="music-switch"><i class="fa-duotone fa-music"></i></a></div>
-    </div>
-    <div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow"></div>
-</div>
+<div th:replace="modules/widgets/console :: console"></div>
 <div id="sidebar">
     <div id="menu-mask"></div>
     <div id="sidebar-menus">
diff --git a/templates/tag.html b/templates/tag.html
index d44d6185..3a89bace 100644
--- a/templates/tag.html
+++ b/templates/tag.html
@@ -187,158 +187,10 @@
     <div class="loading-bg"><img class="loading-img" src="../../../img.zhheo.com/i/2022/08/31/630f01a3755aa.webp"></div>
 </div>
 <div id="web_bg"></div>
-<div id="console">
-    <div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"><i class="fas fa-circle-xmark"></i>
-    </div>
-    <div class="console-card-group">
-        <div class="console-card-group-left">
-            <div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">互动</div>
-                    <span class="author-content-item-title">最近评论</span></div>
-                <div class="aside-list"><span>正在加载中...</span></div>
-            </div>
-        </div>
-        <div class="console-card-group-right">
-            <div class="console-card tags" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">标签</div>
-                    <span class="author-content-item-title">寻找感兴趣的领域</span></div>
-                <div class="card-tag-cloud">
-                    <a href="../AfterEffects/index.html"
-                       style="font-size:1em;color:#d3d3d3">AfterEffects<sup>11</sup></a>
-                    <a href="../Chrome/index.html" style="font-size:1em;color:#d3d3d3">Chrome<sup>10</sup></a> <a
-                        href="../Docker/index.html" style="font-size:1em;color:#d3d3d3">Docker<sup>1</sup></a> <a
-                        href="../Dribbble/index.html" style="font-size:1em;color:#d3d3d3">Dribbble<sup>9</sup></a>
-                    <a href="../FinalCutPro/index.html" style="font-size:1em;color:#d3d3d3">FinalCutPro<sup>5</sup></a>
-                    <a href="../Heocan/index.html" style="font-size:1em;color:#d3d3d3">Heocan<sup>21</sup></a> <a
-                        href="../Heomagic/index.html" style="font-size:1em;color:#d3d3d3">Heomagic<sup>5</sup></a>
-                    <a href="../Hexo/index.html" style="font-size:1em;color:#d3d3d3">Hexo<sup>43</sup></a> <a
-                        href="../HomePod/index.html" style="font-size:1em;color:#d3d3d3">HomePod<sup>2</sup></a> <a
-                        href="../Mac/index.html" style="font-size:1em;color:#d3d3d3">Mac<sup>48</sup></a> <a
-                        href="../Photoshop/index.html"
-                        style="font-size:1em;color:#d3d3d3">Photoshop<sup>23</sup></a> <a
-                        href="../Principle/index.html" style="font-size:1em;color:#d3d3d3">Principle<sup>2</sup></a>
-                    <a href="../Python/index.html" style="font-size:1em;color:#d3d3d3">Python<sup>9</sup></a> <a
-                        href="../Sketch/index.html" style="font-size:1em;color:#d3d3d3">Sketch<sup>75</sup></a> <a
-                        href="../Sketch-Data/index.html" style="font-size:1em;color:#d3d3d3">Sketch-Data<sup>3</sup></a>
-                    <a href="../Swift/index.html" style="font-size:1em;color:#d3d3d3">Swift<sup>98</sup></a> <a
-                        href="../SwiftUI-100days/index.html"
-                        style="font-size:1em;color:#d3d3d3">SwiftUI-100days<sup>48</sup></a> <a
-                        href="../VI/index.html" style="font-size:1em;color:#d3d3d3">VI<sup>10</sup></a> <a
-                        href="../VLOG/index.html" style="font-size:1em;color:#d3d3d3">VLOG<sup>2</sup></a> <a
-                        href="../iOS/index.html" style="font-size:1em;color:#d3d3d3">iOS<sup>30</sup></a> <a
-                        href="../illustrator/index.html" style="font-size:1em;color:#d3d3d3">illustrator<sup>8</sup></a>
-                    <a href="../%E4%BA%A7%E5%93%81/index.html" style="font-size:1em;color:#d3d3d3">产品<sup>16</sup></a>
-                    <a href="../%E4%BC%98%E8%B4%A8%E6%8A%A5%E5%91%8A/index.html" style="font-size:1em;color:#d3d3d3">优质报告<sup>3</sup></a>
-                    <a href="../%E4%BD%93%E9%AA%8C%E5%AE%98/index.html"
-                       style="font-size:1em;color:#d3d3d3">体验官<sup>3</sup></a> <a
-                        href="../%E5%8A%9E%E5%85%AC/index.html" style="font-size:1em;color:#d3d3d3">办公<sup>1</sup></a>
-                    <a href="../%E5%AD%97%E4%BD%93/index.html" style="font-size:1em;color:#d3d3d3">字体<sup>10</sup></a>
-                    <a href="../%E5%B9%B2%E8%B4%A7/index.html"
-                       style="font-size:1em;color:#d3d3d3">干货<sup>138</sup></a> <a
-                        href="../%E5%BC%80%E5%8F%91/index.html"
-                        style="font-size:1em;color:#d3d3d3">开发<sup>179</sup></a> <a
-                        href="../%E5%BF%85%E7%9C%8B/index.html"
-                        style="font-size:1em;color:#d3d3d3">必看<sup>45</sup></a> <a
-                        href="../%E6%95%99%E7%A8%8B/index.html"
-                        style="font-size:1em;color:#d3d3d3">教程<sup>254</sup></a> <a href="index.html"
-                                                                                      style="font-size:1em;color:#d3d3d3">日常<sup>27</sup></a>
-                    <a href="../%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97/index.html" style="font-size:1em;color:#d3d3d3">更新日志<sup>7</sup></a>
-                    <a href="../%E6%B7%B7%E5%89%AA/index.html" style="font-size:1em;color:#d3d3d3">混剪<sup>5</sup></a>
-                    <a href="../%E7%83%AD%E9%97%A8/index.html" style="font-size:1em;color:#d3d3d3">热门<sup>50</sup></a>
-                    <a href="../%E7%94%B5%E5%AD%90%E4%B9%A6/index.html"
-                       style="font-size:1em;color:#d3d3d3">电子书<sup>1</sup></a> <a
-                        href="../%E7%BD%91%E9%A1%B5%E5%89%8D%E7%AB%AF/index.html"
-                        style="font-size:1em;color:#d3d3d3">网页前端<sup>44</sup></a> <a
-                        href="../%E8%A1%A8%E6%83%85/index.html" style="font-size:1em;color:#d3d3d3">表情<sup>2</sup></a>
-                    <a href="../%E8%A7%86%E9%A2%91/index.html" style="font-size:1em;color:#d3d3d3">视频<sup>17</sup></a>
-                    <a href="../%E8%AE%BE%E8%AE%A1/index.html"
-                       style="font-size:1em;color:#d3d3d3">设计<sup>216</sup></a> <a
-                        href="../%E8%AE%BE%E8%AE%A1%E6%8A%A5%E5%91%8A/index.html"
-                        style="font-size:1em;color:#d3d3d3">设计报告<sup>12</sup></a> <a
-                        href="../%E8%AF%84%E6%B5%8B/index.html"
-                        style="font-size:1em;color:#d3d3d3">评测<sup>10</sup></a> <a
-                        href="../%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/index.html"
-                        style="font-size:1em;color:#d3d3d3">读书笔记<sup>6</sup></a> <a
-                        href="../%E8%BD%AF%E4%BB%B6/index.html"
-                        style="font-size:1em;color:#d3d3d3">软件<sup>50</sup></a> <a
-                        href="../%E8%BF%90%E7%BB%B4/index.html" style="font-size:1em;color:#d3d3d3">运维<sup>8</sup></a>
-                    <a href="../%E8%BF%90%E8%90%A5/index.html" style="font-size:1em;color:#d3d3d3">运营<sup>4</sup></a>
-                    <a href="../%E9%97%B2%E8%81%8A/index.html" style="font-size:1em;color:#d3d3d3">闲聊<sup>18</sup></a>
-                    <a href="../%E9%9F%B3%E4%B9%90/index.html" style="font-size:1em;color:#d3d3d3">音乐<sup>6</sup></a>
-                </div>
-            </div>
-            <div class="console-card history" onclick="heo.hideConsole()">
-                <div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
-                <ul class="card-archive-list">
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2022/index.html"><span
-                            class="card-archive-list-date">2022</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">92</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2021/index.html"><span
-                            class="card-archive-list-date">2021</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">147</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2020/index.html"><span
-                            class="card-archive-list-date">2020</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">319</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2019/index.html"><span
-                            class="card-archive-list-date">2019</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">62</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2018/index.html"><span
-                            class="card-archive-list-date">2018</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">1</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2017/index.html"><span
-                            class="card-archive-list-date">2017</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">6</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2016/index.html"><span
-                            class="card-archive-list-date">2016</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">3</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                    <li class="card-archive-list-item"><a class="card-archive-list-link"
-                                                          href="../../archives/2015/index.html"><span
-                            class="card-archive-list-date">2015</span>
-                        <div class="card-archive-list-count-group"><span class="card-archive-list-count">19</span><span
-                                class="card-archive-list-count-unit">篇</span></div>
-                    </a></li>
-                </ul>
-            </div>
-        </div>
-    </div>
-    <div class="button-group">
-        <div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
-                                         onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
-                class="fa-duotone fa-moon" style="font-size:1rem"></i></a></div>
-        <div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
-                class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a></div>
-        <div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
-                class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a></div>
-        <div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
-            <a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a></div>
-        <div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
-                class="music-switch"><i class="fa-duotone fa-music"></i></a></div>
-    </div>
-    <div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow"></div>
-</div>
+
+<!-- 控制台 -->
+<div th:replace="modules/widgets/console :: console"></div>
+
 <div id="sidebar">
     <div id="menu-mask"></div>
     <div id="sidebar-menus">