feat(友链): 添加友链页面并更新导航栏配置

添加新的友链页面,包含多个友情链接展示。同时更新导航栏配置,将友链和统计分开为两个独立菜单项。
新增多个网站的favicon图标文件用于友链页面展示。
This commit is contained in:
afoim
2025-07-05 16:15:40 +08:00
parent 1486bcfd27
commit 13777184b3
10 changed files with 155 additions and 38 deletions

BIN
public/favicon/22.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

BIN
public/favicon/ie-cx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
public/favicon/linuxdo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
public/favicon/secbit.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
public/favicon/tr0.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

BIN
public/favicon/xn--rxa.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/favicon/zlpj.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

@@ -62,7 +62,12 @@ export const navBarConfig: NavBarConfig = {
LinkPreset.Archive,
LinkPreset.About,
{
name: "站点统计",
name: "友链",
url: "/friends/", // Internal links should not include the base path, as it is automatically added
external: false, // Show an external link icon and will open in a new tab
},
{
name: "统计",
url: "https://cloud.umami.is/share/7PoDRgCzHFTs2vWB/afo.im", // Internal links should not include the base path, as it is automatically added
external: true, // Show an external link icon and will open in a new tab
},

View File

@@ -12,40 +12,3 @@ IP站点实验性
::github{repo="saicaca/fuwari"}
---
# 友情链接
- **Secbit本站CDN** https://secbit.ai
- 带我入坑网站的超级大坏比: https://phira.dmocken.top/
- 谷歌搜索 `site rbq.*` 找到的: https://saltedfishes.com
- 雾创岛: https://www.tr0.cn/
- 竹林品鉴: https://www.zlpj.com
- 在***教了我很多的好朋友: https://ie.cx
- 晓晴博客: https://www.toubiec.cn/
- 酷丁博客: https://coldin.top
- 私人grgk https://sub.grgk.me
- Gunbrad的博客 https://gunbrad.xyz
- 幻空博客: https://blog.huankong.top
- 曾经天天和我斗嘴并且抄我博客的😡: https://blog.muyoung.com/
- 非常酷的Kotlin Compose Web WASM 全Canvas网站 https://nyayurin.github.io/Yutori-Docs/
- 奶昔论坛: https://forum.naixi.net/
- LINUX.DO https://linux.do
- 宝塔开心版: https://bt.sb
- NodeSeek https://www.nodeseek.com/

149
src/pages/friends.astro Normal file
View File

@@ -0,0 +1,149 @@
---
import MainGridLayout from "@layouts/MainGridLayout.astro";
import { Icon } from "astro-icon/components";
---
<MainGridLayout title="友链">
<div class="card-base p-6 md:p-8">
<div class="flex items-center gap-2 mb-6">
<div class="h-8 w-8 rounded-lg bg-[var(--primary)] flex items-center justify-center text-white dark:text-black/70">
<Icon name="material-symbols:diversity-3" class="text-[1.5rem]"/>
</div>
<h1 class="text-2xl font-bold text-black dark:text-white">友链</h1>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<a href="https://secbit.ai" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://secbit.ai/favicon.ico" alt="Secbit" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">Secbit本站CDN</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://secbit.ai</div>
</a>
<a href="https://phira.dmocken.top" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://q2.qlogo.cn/headimg_dl?dst_uin=3347510139&spec=5" alt="Phira" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">带我入坑网站的超级大坏比</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://phira.dmocken.top</div>
</a>
<a href="https://saltedfishes.com" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://saltedfishes.com/favicon.ico" alt="Saltedfishes" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">谷歌搜索 site rbq.* 找到的</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://saltedfishes.com</div>
</a>
<a href="https://www.tr0.cn" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://www.tr0.cn/favicon.ico" alt="雾创岛" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">雾创岛</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://www.tr0.cn</div>
</a>
<a href="https://www.zlpj.com" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://www.zlpj.com/wp-content/uploads/2025/03/7d2ca05e3c2770f4ce2a8456d2ee639c.png" alt="竹林品鉴" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">竹林品鉴</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://www.zlpj.com</div>
</a>
<a href="https://ie.cx" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="/favicon/ie-cx.png" alt="ie.cx" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">在***教了我很多的好朋友</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://ie.cx</div>
</a>
<a href="https://www.toubiec.cn" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://www.toubiec.cn/usr/themes/Joe/logo.ico" alt="晓晴博客" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">晓晴博客</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://www.toubiec.cn</div>
</a>
<a href="https://coldin.top" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://coldin.top/favicon.ico" alt="酷丁博客" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">酷丁博客</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://coldin.top</div>
</a>
<a href="https://sub.grgk.me" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://q2.qlogo.cn/headimg_dl?dst_uin=1662352474&spec=5" alt="私人grgk" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">私人grgk</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://sub.grgk.me</div>
</a>
<a href="https://gunbrad.xyz" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://gunbrad.xyz/favicon/icon.jpg" alt="Gunbrad" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">Gunbrad的博客</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://gunbrad.xyz</div>
</a>
<a href="https://blog.huankong.top" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://img.huankong.top/i/2022/11/29/6385ef8c7a675.ico" alt="幻空博客" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">幻空博客</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://blog.huankong.top</div>
</a>
<a href="https://blog.muyoung.com" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://obj.muyoung.com/logo/favicon.ico" alt="muyoung" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">曾经天天和我斗嘴并且抄我博客的😡</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://blog.muyoung.com</div>
</a>
<a href="https://nyayurin.github.io/Yutori-Docs/" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://avatars-githubusercontent-com.072103.xyz/u/132195516?s=48&v=4" alt="Compose Web" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">非常酷的Kotlin Compose Web WASM 全Canvas网站</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://nyayurin.github.io/Yutori-Docs/</div>
</a>
<a href="https://forum.naixi.net/" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://forum.naixi.net/favicon.ico" alt="奶昔论坛" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">奶昔论坛</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://forum.naixi.net/</div>
</a>
<a href="https://linux.do" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://linux.do/uploads/default/optimized/3X/7/d/7de31932a4fd533496cfe35979a4d9d995bb5c63_2_180x180.png" alt="LINUX.DO" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">LINUX.DO</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://linux.do</div>
</a>
<a href="https://bt.sb" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://www.bt.cn/favicon.ico" alt="宝塔开心版" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">宝塔开心版</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://bt.sb</div>
</a>
<a href="https://www.nodeseek.com" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="https://www.nodeseek.com/static/image/favicon/android-chrome-512x512.png" alt="NodeSeek" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">NodeSeek</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://www.nodeseek.com</div>
</a>
<a href="https://space.bilibili.com/44681442" target="_blank" class="friend-card">
<div class="flex items-center gap-2">
<img src="/favicon/22.png" alt="22" class="w-5 h-5 rounded"/>
<div class="font-bold text-black dark:text-white">22</div>
</div>
<div class="text-sm text-black/50 dark:text-white/50">https://space.bilibili.com/44681442</div>
</a>
</div>
</div>
</MainGridLayout>
<style>
.friend-card {
@apply flex flex-col gap-1 p-4 rounded-lg bg-[var(--card-bg)] hover:bg-black/5 dark:hover:bg-white/5 transition;
}
</style>