Skip to content

Commit 6c0dea5

Browse files
InverstarInverstar
committed
更新探索更多，添加链接
1 parent 0d93b3b commit 6c0dea5

File tree

2 files changed

+158
-1
lines changed

2 files changed

+158
-1
lines changed

‎src/pages/explore-more.astro‎

Lines changed: 157 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,157 @@
1+
---
2+
---
3+
4+
<html lang="zh-CN">
5+
<head>
6+
<meta charset="UTF-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>探索更多 - 我的链接</title>
9+
<style>
10+
* {
11+
margin: 0;
12+
padding: 0;
13+
box-sizing: border-box;
14+
}
15+
body {
16+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
17+
display: flex;
18+
flex-direction: column;
19+
align-items: center;
20+
min-height: 100vh;
21+
padding: 2rem;
22+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
23+
color: white;
24+
}
25+
.container {
26+
max-width: 800px;
27+
width: 100%;
28+
text-align: center;
29+
}
30+
h1 {
31+
font-size: 2.5rem;
32+
margin-bottom: 2rem;
33+
color: #ffd700;
34+
}
35+
.links-grid {
36+
display: grid;
37+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
38+
gap: 1.5rem;
39+
margin-bottom: 2rem;
40+
}
41+
.link-card {
42+
background: rgba(255, 255, 255, 0.1);
43+
border: 1px solid rgba(255, 255, 255, 0.2);
44+
border-radius: 12px;
45+
padding: 1.5rem;
46+
text-align: center;
47+
transition: all 0.3s ease;
48+
text-decoration: none;
49+
color: white;
50+
backdrop-filter: blur(10px);
51+
}
52+
.link-card:hover {
53+
background: rgba(255, 255, 255, 0.2);
54+
transform: translateY(-5px);
55+
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
56+
border-color: #ffd700;
57+
}
58+
.link-icon {
59+
font-size: 2rem;
60+
margin-bottom: 0.5rem;
61+
}
62+
.link-icon img {
63+
width: 2rem;
64+
height: 2rem;
65+
border-radius: 50%;
66+
object-fit: cover;
67+
}
68+
.link-icon svg {
69+
width: 2rem;
70+
height: 2rem;
71+
fill: #1E90FF;
72+
}
73+
.blue-lotus {
74+
color: #007bff; /* 蓝色 */
75+
}
76+
.link-name {
77+
font-weight: bold;
78+
font-size: 1.2rem;
79+
margin-bottom: 0.5rem;
80+
color: #ffd700;
81+
}
82+
.link-desc {
83+
font-size: 0.9rem;
84+
color: rgba(255, 255, 255, 0.8);
85+
}
86+
.back-button {
87+
display: inline-block;
88+
padding: 0.8rem 2rem;
89+
background: #ffd700;
90+
color: #333;
91+
text-decoration: none;
92+
border-radius: 5px;
93+
font-weight: bold;
94+
margin-top: 2rem;
95+
transition: all 0.3s ease;
96+
}
97+
.back-button:hover {
98+
background: #ffed4e;
99+
transform: translateY(-2px);
100+
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
101+
}
102+
</style>
103+
</head>
104+
<body>
105+
<div class="container">
106+
<h1>🌟 探索更多</h1>
107+
<div class="links-grid">
108+
<a href="https://github.com/Inverstar" target="_blank" rel="noopener noreferrer" class="link-card">
109+
<div class="link-icon">
110+
<img src="https://github.com/Inverstar.png" alt="Inverstar Avatar">
111+
</div>
112+
<div class="link-name">GitHub</div>
113+
<div class="link-desc">查看我的开源项目和代码</div>
114+
</a>
115+
<a href="https://github.com/ainexur68" target="_blank" rel="noopener noreferrer" class="link-card">
116+
<div class="link-icon">
117+
<img src="https://github.com/ainexur68.png" alt="ainexur68 Avatar">
118+
</div>
119+
<div class="link-name">ainexur68</div>
120+
<div class="link-desc">ALB超专业级Developer</div>
121+
</a>
122+
<a href="https://ase-seven.vercel.app" target="_blank" rel="noopener noreferrer" class="link-card">
123+
<div class="link-icon">📝</div>
124+
<div class="link-name">Vercel</div>
125+
<div class="link-desc">我的技术博客和文章</div>
126+
</a>
127+
<a href="https://space.bilibili.com/57902504/dynamic" target="_blank" rel="noopener noreferrer" class="link-card">
128+
<div class="link-icon">
129+
<img src="https://www.tapafun.com/wp-content/uploads/2024/11/Bilibili_tv_a.svg" alt="Bilibili Icon">
130+
</div>
131+
<div class="link-name">Bilibili</div>
132+
<div class="link-desc">墨夜宸影的空间</div>
133+
</a>
134+
<a href="https://x.com/Inknight_Star" target="_blank" rel="noopener noreferrer" class="link-card">
135+
<div class="link-icon">🐦</div>
136+
<div class="link-name">Twitter</div>
137+
<div class="link-desc">关注我的最新动态</div>
138+
</a>
139+
<a href="mailto:lnq1208@163.com" class="link-card">
140+
<div class="link-icon">📧</div>
141+
<div class="link-name">邮箱</div>
142+
<div class="link-desc">联系我</div>
143+
</a>
144+
<a href="https://meditation.example.com" target="_blank" rel="noopener noreferrer" class="link-card">
145+
<div class="link-icon">
146+
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 21 20" fill="#1E90FF" fill-rule="evenodd" clip-rule="evenodd">
147+
<path d="M10.125 2.835c.185 0 .362.078.488.214q.92.994 1.576 2.02 1.075-.812 2.47-1.419l.129-.04a.666.666 0 0 1 .757.407q.659 1.681.903 3.22a11.4 11.4 0 0 1 1.693-.06c.351.012.631.296.641.646.082 3.005-.515 5.375-1.993 6.99-1.487 1.624-3.741 2.352-6.664 2.352s-5.177-.727-6.664-2.351c-1.479-1.616-2.075-3.986-1.993-6.99.01-.351.29-.635.64-.647a11.4 11.4 0 0 1 1.693.06q.245-1.539.904-3.22l.061-.12a.67.67 0 0 1 .824-.247q1.395.608 2.47 1.418.655-1.024 1.576-2.02a.67.67 0 0 1 .489-.213m0 1.67A11.7 11.7 0 0 0 8.82 6.394a8.6 8.6 0 0 0-.643 1.48 6.961 6.961 0 0 0-.309 1.465c-.108 1.093.193 2.374.787 3.662a154 154 0 0 0 1.386 2.833l.083.002.082-.002A155 155 0 0 0 11.593 13c.595-1.288.897-2.57.788-3.662a7 7 0 0 0-.31-1.465 9.016 9.016 0 0 0-.643-1.48q0-.004-.003-.007a11.7 11.7 0 0 0-1.3-1.88M2.79 8.504c.021 2.5.593 4.258 1.65 5.413.93 1.016 2.32 1.652 4.285 1.85-1.347-1.93-2.273-4.18-2.204-6.184-.624-.448-1.38-.763-2.276-.935a9 9 0 0 0-1.455-.144m14.667 0a9 9 0 0 0-1.454.144c-.897.172-1.652.487-2.277.935.07 2.005-.857 4.253-2.205 6.185 1.966-.199 3.355-.834 4.286-1.851 1.058-1.155 1.628-2.914 1.65-5.413M5.698 5.17a13.4 13.4 0 0 0-.59 2.314 7 7 0 0 1 1.618.658l.014-.053q.048-.198.105-.395l.024-.08q.057-.19.125-.38l.026-.079q.063-.172.133-.343l.058-.142a10 10 0 0 1 .14-.312l.052-.115A10 10 0 0 0 5.698 5.17m8.853 0a10 10 0 0 0-1.706 1.072q.452.94.677 1.899a7 7 0 0 1 1.62-.657q-.17-1.093-.591-2.314" />
148+
</svg>
149+
</div>
150+
<div class="link-name">冥想空间</div>
151+
<div class="link-desc">放松心灵的蓝色莲花</div>
152+
</a>
153+
</div>
154+
<a href="/profile" class="back-button">返回个人主页</a>
155+
</div>
156+
</body>
157+
</html>

‎src/pages/profile.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@
7070
<p>你成功完成了计数器挑战！</p>
7171
<p>欢迎来到个人主页。这是一个由 Astro + Svelte + Elm + TypeScript 构建的全栈应用。</p>
7272
<a href="/" class="button">返回主页</a>
73-
<a href="#" class="button">探索更多</a>
73+
<a href="/explore-more" class="button">探索更多</a>
7474
</div>
7575
</body>
7676
</html>

0 commit comments

Comments
 (0)