增加小功能“雷达图”

Author: Coco Nalea

components/footer.html

@@ -1,36 +1,31 @@
 <footer class="site-footer">
-    <div class="footer-container">
+    <div class="footer-container" style="padding-left: 40px;">
         <div class="footer-section">
-            <h3>关于我们</h3>
-            <p>这是一个简洁高效的静态网站范例，展示现代网页开发技术。</p>
+            <h3>关于我</h3>
+            <p>随便写点什么的网站，如果有侵犯到你的版权，请和我联系。</p>
         </div>
 
         <div class="footer-section">
-            <h3>快速链接</h3>
+            <h3>关注我</h3>
             <ul>
-                <li><a href="/index.html">首页</a></li>
-                <li><a href="/src/pages/about.html">关于</a></li>
-                <li><a href="#">服务</a></li>
-                <li><a href="#">联系</a></li>
-            </ul>
+                <li><a href="https://space.bilibili.com/401777887">b站</a></li>
+                <div class="social-links">
+                    <a href="https://github.com/Coco-Keya"><i class="fab fa-github"></i></a>
+
+                </div>
         </div>
 
         <div class="footer-section">
             <h3>联系方式</h3>
             <ul class="contact-info">
-                <li><i class="fas fa-envelope"></i> contact@example.com</li>
-                <li><i class="fas fa-phone"></i> +86 123 4567 8910</li>
+                <li><i class="fas fa-envelope"></i> keya.mail@qq.com</li>
             </ul>
 
-            <div class="social-links">
-                <a href="#"><i class="fab fa-weixin"></i></a>
-                <a href="#"><i class="fab fa-weibo"></i></a>
-                <a href="#"><i class="fab fa-github"></i></a>
-            </div>
+
         </div>
     </div>
 
-    <div class="copyright">
-        <p>&copy; 2025 我的网站. 保留所有权利.</p>
+    <div class="copyright" style="padding-left: 40px;">
+        <p>&copy; 2025 柯迓的网站. 保留所有权利.</p>
     </div>
 </footer>

components/header.html

@@ -1,18 +1,18 @@
 <header class="site-header">
     <div class="header-container">
         <div class="logo">
-            <a href="/index.html">我的网站</a>
+            <a href="/index.html">柯迓的网站</a>
         </div>
-
+        
         <nav class="main-nav">
             <ul>
                 <li><a href="/index.html">首页</a></li>
                 <li><a href="/src/pages/about.html">关于</a></li>
             </ul>
         </nav>
-
+        
         <div class="mobile-menu-btn">
             <i class="fas fa-bars"></i>
         </div>
     </div>
-</header>
+</header>

index.html

@@ -36,6 +36,15 @@ <h1 data-typewriter>欢迎访问我的网站</h1>
     <script src="/src/essay/essay.js"></script>
 
         <script>
+            // 生成柔和的随机颜色
+            function generateLightPastelColor() {
+                // 生成柔和的随机颜色值
+                const getRandomPastel = () => Math.floor(Math.random() * 127 + 128).toString(16).padStart(2, '0');
+                const color1 = `#${getRandomPastel()}${getRandomPastel()}${getRandomPastel()}`;
+                const color2 = `#${getRandomPastel()}${getRandomPastel()}${getRandomPastel()}`;
+                return `linear-gradient(135deg, ${color1} 0%, ${color2} 100%)`;
+            }
+
             // 动态加载文章
             document.addEventListener('DOMContentLoaded', () => {
                 try {
@@ -60,7 +69,7 @@ <h1 data-typewriter>欢迎访问我的网站</h1>
                         const card = document.createElement('a');
                         card.href = `/src/essay/article_template.html?md=${article.filename}&id=${articles.indexOf(article)}`;
                         card.className = 'card';
-                        card.style.background = article.colorClass || '';
+                        card.style.background = article.colorClass || generateLightPastelColor();
                         card.innerHTML = `
                             <div class="card-content" data-filename="${article.filename}">
                                 <h3>${article.title}</h3>

src/components/header.html

@@ -8,8 +8,7 @@
             <ul>
                 <li><a href="/index.html">首页</a></li>
                 <li><a href="/src/pages/about.html">关于</a></li>
-                <li><a href="#">服务</a></li>
-                <li><a href="#">联系</a></li>
+                <li><a href="/src/pages/tools.html" target="_blank">小工具</a></li>
             </ul>
         </nav>