feat: 添加工具页面和布局，移除归档页面的日期字段

- 新增中英文工具页面索引文件
- 创建工具页面布局模板 (tools.html)
- 添加工具页面的样式定义
- 移除归档页面的冗余日期字段

Author: CodeGlimpse

assets/scss/tools.scss

@@ -1,3 +1,73 @@
+.tools-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 2rem;
+    padding: 2rem 0;
+
+    .tool-card {
+        background: var(--card-background);
+        border-radius: var(--card-border-radius);
+        padding: 2rem;
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
+        border: 1px solid var(--border-color);
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        text-decoration: none;
+        color: inherit;
+
+        &:hover {
+            transform: translateY(-5px);
+            box-shadow: var(--shadow-l2);
+            border-color: var(--accent-color);
+        }
+
+        .tool-info {
+            .tool-header {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1.5rem;
+                color: var(--accent-color);
+
+                svg {
+                    width: 24px;
+                    height: 24px;
+                    margin-right: 1rem;
+                }
+
+                .tool-title {
+                    margin: 0;
+                    font-size: 2rem;
+                    font-weight: bold;
+                    color: var(--card-text-color-main);
+                }
+            }
+
+            .tool-desc {
+                font-size: 1.4rem;
+                color: var(--card-text-color-tertiary);
+                line-height: 1.6;
+                margin-bottom: 2rem;
+            }
+        }
+
+        .tool-action {
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            color: var(--accent-color);
+            font-weight: bold;
+            font-size: 1.4rem;
+
+            svg {
+                width: 18px;
+                height: 18px;
+                margin-left: 0.5rem;
+            }
+        }
+    }
+}
+
 .tool-wrapper {
     width: 80%;
     margin: 2rem 10%;

content/en/page/archives/index.md

@@ -1,6 +1,5 @@
 ---
 title: "Archives"
-date: 2022-03-06
 layout: "archives"
 slug: "archives"
 ---

content/en/tools/_index.md

@@ -0,0 +1,5 @@
+---
+title: Tools
+description: Some online practical tools
+layout: "tools"
+---

content/zh-cn/page/archives/index.md

@@ -1,6 +1,5 @@
 ---
 title: "所有博客"
-date: 2022-03-06
 layout: "archives"
 slug: "archives"
 ---

content/zh-cn/tools/_index.md

@@ -0,0 +1,5 @@
+---
+title: "工具"
+description: "一些在线实用工具"
+layout: "tools"
+---

layouts/tools.html

@@ -0,0 +1,38 @@
+{{ define "main" }}
+<header class="section-header">
+    <div class="section-title">
+        <h1 class="title">{{ .Title }}</h1>
+        {{ with .Params.description }}
+        <p class="description">{{ . }}</p>
+        {{ end }}
+    </div>
+</header>
+
+<div class="tools-grid">
+    {{ range .Pages }}
+    <a href="{{ .RelPermalink }}" class="tool-card">
+        <div class="tool-info">
+            <div class="tool-header">
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-tool">
+                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                    <path d="M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5"></path>
+                </svg>
+                <h3 class="tool-title">{{ .Title }}</h3>
+            </div>
+            <p class="tool-desc">{{ .Description }}</p>
+        </div>
+        <div class="tool-action">
+            <span>{{ if eq .Language.Lang "zh-cn" }}开始使用{{ else }}Use Now{{ end }}</span>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-chevron-right">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                <path d="M9 6l6 6l-6 6"></path>
+            </svg>
+        </div>
+    </a>
+    {{ end }}
+</div>
+
+<div class="article-content">
+    {{ .Content }}
+</div>
+{{ end }}