页面#

如 https://xx.xx/xx 这样的页面，一般存放在 src/pages/xx.astro 下
本例以2x的友链为例
查看 src/pages/friends.astro ，直接复制到自己仓库同路径里
看astro文件开头，有段 import

1
---
2
import MainGridLayout from "@layouts/MainGridLayout.astro";
3
import { Icon } from "astro-icon/components";
4
import type { FriendsData } from "@/types/data";
5
import friendsData from "@/data/friends.json";
6

7
const { friends } = friendsData as FriendsData;
8
---
9

10
...

注意到第三、四行引入的依赖不是fuwari自带的
复制对应文件（ src/types/data.ts , src/data/friends.json ）到对应目录
发现 src/data/friends.json 里存放友链数据，清理并留下一个示例

1
{
2

3
  "friends": [
4

5
    {
6

7
      "name": "xxx",
8

9
      "avatar": "https://xxx.png",
10

11
      "description": "xxxx",
12

13
      "url": "https://xxx.xxx"
14

15
    }
16
  ]
17
}

再检查 src/pages/friends.astro 的html部分（---下的部分）发现有外链

35
          </h2>
36
          <p class="text-sm text-black/60 dark:text-white/60">
37
            请自行提交PR <a target="_blank" href="https://github.com/zyxisme/fuwari/edit/main/src/data/friends.json" class="transition link text-[var(--primary)] font-medium underline">点击这里提交</a>
38
          </p>
39
        <br>

替换成自己的
保存，提交，推送
成功部署