1
export enum LinkPreset {
2
    Home = 0,
3
    Archive = 1,
4
    About = 2,
5
   Friends = 3,
6
}

1
author = "author",
2
publishedAt = "publishedAt",
3
license = "license",
4
friends = 'friends',

1
[Key.author]: "作者",
2
[Key.publishedAt]: "发布于",
3
[Key.license]: "许可协议",
4
[Key.friends]: '友链',

1
  [LinkPreset.Archive]: {
2
        name: i18n(I18nKey.archive),
3
        url: "/archive/",
4
    },
5
   [LinkPreset.Friends]: {
6
       name: i18n(I18nKey.friends),
7
       url: '/friends/',
8
   },
9
};

1
---
2
import MainGridLayout from '../layouts/MainGridLayout.astro'
3
import { getCollection } from 'astro:content'
4
import { i18n } from '../i18n/translation'
5
import I18nKey from '../i18n/i18nKey'
6
import Markdown from '@components/misc/Markdown.astro'
7

8
const specPosts = await getCollection('spec')
9
const friendsPost = specPosts.find(post => post.id === 'friends.md')
10
const { Content } = await friendsPost.render()
11

12
const items = [
13
  {
14
    title: 'Astro',
15
    imgurl: 'https://avatars.githubusercontent.com/u/44914786?s=48&v=4',
16
    desc: 'The web framework for content-driven websites. ⭐️ Star to support our work!',
17
    siteurl: 'https://github.com/withastro/astro',
18
    tags: [''],
19
  },
20

21
]
22
---
23
<MainGridLayout title={i18n(I18nKey.friends)} description={i18n(I18nKey.friends)}>
24
    <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative min-h-32">
25
        <div class="card-base z-10 px-9 py-6 relative w-full ">
26
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-8 my-4">
27
                {items.map((item) => (
28
                    <div class="flex flex-nowrap items-stretch h-28 gap-4 rounded-[var(--radius-large)]">
29
                        <div class="w-28 h-28 flex-shrink-0 rounded-lg overflow-hidden bg-zinc-200">
30
                            <img src={item.imgurl} alt="站点头像" class="w-full h-full object-cover">
31
                        </div>
32
                        <div class="grow w-full">
33
                            <div class="font-bold transition text-lg text-neutral-900 mb-1">{item.title}</div>
34
                            <div class="text-50 text-sm font-medium">{item.desc}</div>
35
                            <div class:list={["items-center", {"flex": true, "hidden md:flex" : false}]}>
36
                                <div class="flex flex-row flex-nowrap items-center">
37
                                    {(item.tags && item.tags.length > 0) && item.tags.map((tag,i) => (
38
                                    <div class:list={[{"hidden": i==0}, "mx-1.5 text-[var(--meta-divider)] text-sm" ]}>
39
                                        /
40
                                    </div>
41
                                    <span class="transition text-50 text-sm font-medium">
42
                                        {tag}
43
                                    </span>))}
44
                                    {!(item.tags && item.tags.length > 0) && <div class="transition text-50 text-sm font-medium">{i18n(I18nKey.noTags)}</div>}
45
                                </div>
46
                            </div>
47
                        </div>
48
                        <a href={item.siteurl} target="_blank" rel="noopener noreferrer"class="flex btn-regular w-[3.25rem] rounded-lg bg-[var(--enter-btn-bg)] hover:bg-[var(--enter-btn-bg-hover)] active:bg-[var(--enter-btn-bg-active)] active:scale-95">
49
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="transition text-[var(--primary)] text-4xl mx-auto iconify iconify--material-symbols" width="1em" height="1em" viewBox="0 0 24 24">
50
                                <path fill="currentColor" d="M12.6 12L8.7 8.1q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.6 4.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.6 4.6q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7z"></path>
51
                            </svg>
52
                        </a>
53
                    </div>
54
                ))}
55
            </div>
56
            <Markdown class="mt-2">
57
                <Content />
58
            </Markdown>
59
        </div>
60
    </div>
61
</MainGridLayout>

1
export const navBarConfig: NavBarConfig = {
2
  links: [
3
    LinkPreset.Home,
4
    LinkPreset.Archive,
5
   LinkPreset.About,
6
   LinkPreset.Friends,
7
    {

1
rehypePlugins: [
2
  rehypeKatex,
3
  rehypeSlug,
4
  [
5
   rehypeExternalLinks,
6
   {
7
     target: "_blank",
8
     rel: ["noopener", "noreferrer"],
9
   },
10
 ],
11
  // 后面的 rehypeComponents / rehypeAutolinkHeadings 保持不动
12
  ...
13
]