From 24217ecf727ed310032e67a2a35803a9c7c77ae5 Mon Sep 17 00:00:00 2001
From: crrashh1542 <kotsuki@crrashh.com>
Date: Thu, 25 Apr 2024 01:43:05 +0800
Subject: [PATCH] =?UTF-8?q?chore(config):=20=E8=B0=83=E6=95=B4config?=
 =?UTF-8?q?=E7=9A=84links=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将 links 改到了 (root).component.links.to 内，以方便后续添加更多组件时保持 config 的规整性。
同时，将 (root).component.links.to 其内部的 “to” 键名改为 “href”，防止重复造成可读性降低。

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
---
 config/config.ts                | 60 +++++++++++++++++++--------------
 src/components/main/Links.astro |  2 +-
 src/pages/index.astro           |  5 +--
 3 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/config/config.ts b/config/config.ts
index d62a8fd..b0a3fbf 100644
--- a/config/config.ts
+++ b/config/config.ts
@@ -68,33 +68,41 @@ export default {
         }
     ],
 
-    // 横幅下方网站链接
-    links: [
-        // 此处的每一个对象（用大括号包起来的东西）对应一个内容区的灰色背景链接
-        //     其中 “title” 为第一行显示的粗体标题，“description” 为显示在标题下的
-        //     描述文字（可附带 HTML 标签），“url” 为链接到的个人社交媒体网页地址
-        // *你可以通过增加或减少对象的方式来调整显示的链接的个数*
-        {
-            title: '云萧的咕咕屋',
-            description: '云萧的个人博客，<s>都是有空随便写写的啊喂！</s>',
-            to: 'https://blog.crrashh.com'
-        },
-        {
-            title: 'Windows Up-to-Date',
-            description: '一个反映 Windows 实时更新状态的站点',
-            to: 'https://wutd.crrashh.com'
-        },
-        {
-            title: '云萧的咕咕盘',
-            description: '基于 Alist 的公开网盘服务',
-            to: 'https://disk.crrashh.com'
-        },
-        {
-            title: '咕咕的开放文档',
-            description: '大家都可以用的 API 和 CDN',
-            to: 'https://docs.crrashh.com'
+    // banner 横幅下的由组件组成的内容区，内容顺序分先后
+    components: {
+
+        // 个人其他网站链接
+        links: {
+            // 链接组件的标题
+            title: '咱的好东西！',
+            to: [
+                // 此处的每一个对象（用大括号包起来的东西）对应一个内容区的灰色背景链接
+                //     其中 “title” 为第一行显示的粗体标题，“description” 为显示在标题下的
+                //     描述文字（可附带 HTML 标签），“url” 为链接到的个人社交媒体网页地址
+                // *你可以通过增加或减少对象的方式来调整显示的链接的个数*
+                {
+                    title: '云萧的咕咕屋',
+                    description: '云萧的个人博客，<s>都是有空随便写写的啊喂！</s>',
+                    href: 'https://blog.crrashh.com'
+                },
+                {
+                    title: 'Windows Up-to-Date',
+                    description: '一个反映 Windows 实时更新状态的站点',
+                    href: 'https://wutd.crrashh.com'
+                },
+                {
+                    title: '云萧的咕咕盘',
+                    description: '基于 Alist 的公开网盘服务',
+                    href: 'https://disk.crrashh.com'
+                },
+                {
+                    title: '咕咕的开放文档',
+                    description: '大家都可以用的 API 和 CDN',
+                    href: 'https://docs.crrashh.com'
+                }
+            ]
         }
-    ],
+    },
 
     // 页脚
     footer: {
diff --git a/src/components/main/Links.astro b/src/components/main/Links.astro
index e4cee28..645fb95 100644
--- a/src/components/main/Links.astro
+++ b/src/components/main/Links.astro
@@ -8,7 +8,7 @@ const { to } = Astro.props
 let linkElement = ''
 for(let i = 0; i < to.length; i++) {
     let currentLink = to[i]
-    linkElement += '<a href="' + currentLink.to + '" target="_blank" class=' + 
+    linkElement += '<a href="' + currentLink.href + '" target="_blank" class=' + 
         '"section block rounded-lg px-5 py-3 my-2 mr-4"><div class="title text-lg' + 
         ' font-semibold">' + currentLink.title + '</div><div class="description ' + 
         'text-base break-all">' + currentLink.description + '</div></a>'
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8eab59a..3d23177 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -23,8 +23,9 @@ import Links from '@/components/main/Links.astro'
 	<main>
 		<Banner info={ config.site } social={ config.social } />
 
-		<Catalog>咱的好东西！</Catalog>
-		<Links to={ config.links } />
+		<!-- 组件1 个人链接 -->
+		<Catalog>{ config.components.links.title }</Catalog>
+		<Links to={ config.components.links.to } />
 
 		<Catalog>Coming up...</Catalog>
 		<br /><br /><br />