mirror of
https://github.com/afoim/fuwari.git
synced 2026-01-31 09:03:18 +08:00
feat(友链): 添加友链页面并更新导航栏配置
添加新的友链页面，包含多个友情链接展示。同时更新导航栏配置，将友链和统计分开为两个独立菜单项。 新增多个网站的favicon图标文件用于友链页面展示。
This commit is contained in:
afoim
BIN
public/favicon/22.png
Normal file
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
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
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
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
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
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
BIN
public/favicon/zlpj.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
@@ -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
|
||||
},
|
||||
|
||||
@@ -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
149
src/pages/friends.astro
Normal 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>
|
||||
Reference in New Issue
Block a user