From ec2643e949bb08558abfba6e02fa752e03bed6cf Mon Sep 17 00:00:00 2001
From: liuzhihang <liuzhihangs@qq.com>
Date: Fri, 14 Oct 2022 22:51:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=20tocbot=20=E7=9A=84?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/modules/widgets/toc.html | 19 +++++++++++--------
 templates/post.html                |  2 --
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/templates/modules/widgets/toc.html b/templates/modules/widgets/toc.html
index f30a4f6f..a4901274 100644
--- a/templates/modules/widgets/toc.html
+++ b/templates/modules/widgets/toc.html
@@ -4,17 +4,20 @@
 
 <th:block th:fragment="toc">
     <div class="card-widget" id="card-toc">
-        <div class="item-headline"><i class="fas fa-bars"></i><span>文章目录</span></div>
-        <div class="toc-content">
-            <ol class="toc">
-                <li class="toc-item toc-level-2">
-                    <a class="toc-link" href="#"><span class="toc-text">通过转换为灰度来进行去色</span></a>
-                </li>
-            </ol>
+        <div class="item-headline">
+            <i class="fas fa-bars"></i>
+            <span>文章目录</span>
         </div>
+        <!-- 目录容器 -->
+        <div class="toc-content"></div>
+    </div>
+
+    <!-- tocbot 用来生成目录 -->
+    <div>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.min.js"></script>
+        <link href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.css" rel="stylesheet">
     </div>
     <script>
-
         // 给标签添加 id
         var headerEl = 'h1,h2,h3,h4,h5,h6', // headers
             content = '.post-content', // 文章容器
diff --git a/templates/post.html b/templates/post.html
index 94f3a6e8..d4727257 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -12,8 +12,6 @@
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
     <script crossorigin="anonymous" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
             script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.min.js"></script>
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.css" rel="stylesheet">
 
     <link rel="stylesheet" th:href="@{/assets/zhheo/zhheoblog.css}">
     <!-- fontawesome-pro https://github.com/duyplus/fontawesome-pro -->