refactor: 移除调试日志并优化代码结构

docs: 更新文章模板和示例内容
fix: 修复评论模块的错误提示信息
style: 清理无用代码并调整格式

Author: maplezzzzzz

src/components/base/Comment.astro

@@ -8,7 +8,7 @@
       const commentsContainer = document.getElementById("tcomment");
       if (commentsContainer) {
         if (!twikooEnvId) {
-          console.error("Twikoo envId 未配置。请在 .env 中设置 PUBLIC_TWIKOO_ENV_ID。");
+          showError("留言模块未加载，Twikoo envId 未配置。");
           return;
         }
         const script = document.createElement("script");
@@ -29,21 +29,36 @@
             // 动态加载 Twikoo 自定义样式的函数
             function loadTwikooCustomStyles() {
                 if (document.getElementById('twikoo-custom-link')) {
-        return;
-    }
-    
-    const link = document.createElement('link');
-    link.id = 'twikoo-custom-link';
-    link.rel = 'stylesheet';
-    link.href = '/src/styles/twikoo-custom.scss'; // 需要构建工具支持
-    document.head.appendChild(link);
+                    return;
+                }
+                
+                const link = document.createElement('link');
+                link.id = 'twikoo-custom-link';
+                link.rel = 'stylesheet';
+                link.href = '/src/styles/twikoo-custom.scss'; // 需要构建工具支持
+                document.head.appendChild(link);
             }
         `;
           document.body.appendChild(initScript);
         };
         document.body.appendChild(script);
       }
     }
+
+    function showError(msg){
+      const list = document.getElementById("tcomment");
+      if(!list) return;
+      list.removeAttribute('aria-busy');
+      list.innerHTML = `
+        <div class="py-4">
+          <div class="text-center text-red-600 dark:text-red-400">
+            ${msg || "评论获取失败，请稍后重试。"}
+          </div>
+        </div>
+      `;
+      const btn = document.getElementById("rc-retry-btn");
+      if(btn){ btn.addEventListener("click", load, { once: true }); }
+    }
     loadTwikoo();
   });
 </script>

src/components/base/Footer.astro

@@ -170,8 +170,6 @@ const statsData = {
     const footer = document.getElementById("main-footer");
     const collapsedContent = document.getElementById("footer-collapsed");
     const expandedContent = document.getElementById("footer-expanded");
-    const expandedContentClass = expandedContent?.className;
-    console.log("expandedContentClass:", expandedContentClass);
 
     if (!footer || !collapsedContent || !expandedContent) return;
 

src/components/base/Header.astro

@@ -444,11 +444,11 @@ const menu = [
             if (!response.ok) {
               throw new Error("无法获取文章列表");
             }
-
             const articles = await response.json();
             if (!articles || articles.length === 0) {
               throw new Error("没有找到可用的文章");
             }
+            
 
             // 随机选择一篇文章
             const randomIndex = Math.floor(Math.random() * articles.length);

src/components/blog/EntryLayout.astro

@@ -34,7 +34,7 @@ const actuallyHideToc =
   hideToc ||
   globalHideToc ||
   headings.filter((heading) => heading.depth <= tocDepth).length === 0;
-console.log("actuallyHideToc:", actuallyHideToc);
+
 // 简化布局类计算
 const articleClass = "w-full lg:w-3/4 xl:w-4/5"; //因为侧边栏还有推荐阅读，所以不需要根据toc是否隐藏来计算宽度
 // const articleClass = actuallyHideToc ? "w-full" : "w-full lg:w-3/4 xl:w-4/5";

src/components/common/EntryHeader.astro

@@ -74,8 +74,6 @@ const {
   complexity,
 } = entry.data as EntryData;
 
-console.log("是否获取Image", image);
-
 categories?.sort((a: string, b: string) => a.localeCompare(b));
 tags?.sort((a: string, b: string) => a.localeCompare(b));
 ---

src/components/common/RecentComments.astro

@@ -46,7 +46,6 @@ const titleMap = Object.fromEntries(
       <li class="py-4">
         <div class="text-center text-red-600 dark:text-red-400">
           ${msg || "评论获取失败，请稍后重试。"}
-          <button id="rc-retry-btn" class="ml-2 px-2 py-1 text-sm rounded border border-red-300 dark:border-red-700 bg-red-50 hover:bg-red-100 dark:bg-red-900/20">重试</button>
         </div>
       </li>
     `;
@@ -123,7 +122,7 @@ const titleMap = Object.fromEntries(
   function load(){
     if(!list){return}
     if(!twikooEnvId){
-      showError("未配置 Twikoo 环境 ID");
+      showError("留言模块未加载，Twikoo envId 未配置。");
       return;
     }
     showLoading();