友链页

约 537 字大约 2 分钟

2026-09-01

友链页（/friends/）的数据由 src/data/friends.ts 管理——数据即内容，没有额外行为配置。条目中的 tags 会自动聚合为页面顶部的筛选 chips。

数据结构

src/data/friends.ts
export interface FriendItem {
  id: number;
  title: string;     // 站点名称
  imgurl: string;    // 头像/图标 URL
  desc: string;      // 一句话简介
  siteurl: string;   // 站点地址
  tags: string[];    // 标签（聚合为筛选 chips）
}

export const friendsData: FriendItem[] = [
  {
    id: 1,
    title: "Mizuki",
    imgurl: "https://avatars.githubusercontent.com/u/…",
    desc: "Another Fuwari-based blog theme with docs",
    siteurl: "https://mizuki.mysqil.com",
    tags: ["Blog", "Theme"],
  },
  // …
];

添加友链

在 friendsData 数组中追加一项即可，页面与筛选标签自动生成：

{
  id: 4,                            // 递增的唯一编号
  title: "朋友的博客",
  imgurl: "https://friend.example.com/avatar.png",
  desc: "记录生活与技术",
  siteurl: "https://friend.example.com",
  tags: ["Blog", "Life"],
}