diff --git a/public/fonts/subset/MapleMono-CN-Bold.ttf b/public/fonts/subset/MapleMono-CN-Bold.ttf
index 07e29d9..d508e1b 100644
Binary files a/public/fonts/subset/MapleMono-CN-Bold.ttf and b/public/fonts/subset/MapleMono-CN-Bold.ttf differ
diff --git a/public/fonts/subset/MapleMono-CN-Bold.woff2 b/public/fonts/subset/MapleMono-CN-Bold.woff2
index 1d49d3f..3cf9e4a 100644
Binary files a/public/fonts/subset/MapleMono-CN-Bold.woff2 and b/public/fonts/subset/MapleMono-CN-Bold.woff2 differ
diff --git a/public/fonts/subset/MapleMono-CN-Italic.ttf b/public/fonts/subset/MapleMono-CN-Italic.ttf
index 3a42642..04bb5ef 100644
Binary files a/public/fonts/subset/MapleMono-CN-Italic.ttf and b/public/fonts/subset/MapleMono-CN-Italic.ttf differ
diff --git a/public/fonts/subset/MapleMono-CN-Italic.woff2 b/public/fonts/subset/MapleMono-CN-Italic.woff2
index cc742b6..4774a55 100644
Binary files a/public/fonts/subset/MapleMono-CN-Italic.woff2 and b/public/fonts/subset/MapleMono-CN-Italic.woff2 differ
diff --git a/public/fonts/subset/MapleMono-CN-Regular.ttf b/public/fonts/subset/MapleMono-CN-Regular.ttf
index 4b17a6e..fa69e84 100644
Binary files a/public/fonts/subset/MapleMono-CN-Regular.ttf and b/public/fonts/subset/MapleMono-CN-Regular.ttf differ
diff --git a/public/fonts/subset/MapleMono-CN-Regular.woff2 b/public/fonts/subset/MapleMono-CN-Regular.woff2
index 5467511..9c49b60 100644
Binary files a/public/fonts/subset/MapleMono-CN-Regular.woff2 and b/public/fonts/subset/MapleMono-CN-Regular.woff2 differ
diff --git a/src/blog/post-1.md b/src/blog/post-1.md
index 92a11a0..ae4f0d5 100644
--- a/src/blog/post-1.md
+++ b/src/blog/post-1.md
@@ -1,5 +1,5 @@
 ---
-title: 'My First Blog Post'
+title: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试'
 pubDate: 2022-07-01
 description: 'This is the first post of my new Astro blog.'
 author: 'Astro Learner'
diff --git a/src/components/FriendlyLinks/FriendlyLinkItem.astro b/src/components/FriendlyLinks/FriendlyLinkItem.astro
new file mode 100644
index 0000000..35f6104
--- /dev/null
+++ b/src/components/FriendlyLinks/FriendlyLinkItem.astro
@@ -0,0 +1,81 @@
+---
+import "@/styles/global.css";
+const { name, description, avatar, url } = Astro.props;
+---
+
+<a
+    href={url}
+    class="friendly-link-card"
+    target="_blank"
+    rel="noopener noreferrer"
+>
+    <div class="friendly-link-text">
+        <div class="friendly-link-title">{name}</div>
+        <div class="friendly-link-description">{description}</div>
+    </div>
+
+    <img src={avatar} alt={name} class="friendly-link-avatar" />
+</a>
+
+<style>
+    .friendly-link-card {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 1rem;
+        padding: 0.1rem 0.5rem;
+        background: #fffcf1;
+        border: 2px solid #ede3d0;
+        text-decoration: none;
+        color: inherit;
+    }
+
+    .friendly-link-text {
+        flex: 1;
+        min-width: 0;
+    }
+
+    .friendly-link-title {
+        font-weight: 700;
+        font-size: 1rem;
+        line-height: 1.4;
+        color: #2f2a22;
+        margin-bottom: 0.25rem;
+        overflow-wrap: anywhere;
+    }
+
+    .friendly-link-description {
+        font-size: 0.9rem;
+        line-height: 1.5;
+        color: #6f6a5f;
+        font-style: italic;
+        overflow-wrap: anywhere;
+    }
+
+    .friendly-link-avatar {
+        width: 72px;
+        height: 72px;
+        object-fit: cover;
+        object-position: center;
+        padding: 0.3rem 0.3rem;
+        display: block;
+        flex-shrink: 0;
+    }
+
+    .friendly-link-card:hover {
+        background: #efe2be;
+    }
+
+    :global(.dark) .friendly-link-card {
+        background: #3a352b;
+        border-color: #8f8268;
+    }
+
+    :global(.dark) .friendly-link-title {
+        color: #f0e6cf;
+    }
+
+    :global(.dark) .friendly-link-description {
+        color: #c8bfae;
+    }
+</style>
diff --git a/src/components/FriendlyLinks/FriendlyLinkList.astro b/src/components/FriendlyLinks/FriendlyLinkList.astro
new file mode 100644
index 0000000..e386939
--- /dev/null
+++ b/src/components/FriendlyLinks/FriendlyLinkList.astro
@@ -0,0 +1,37 @@
+---
+import FriendlyLinkItem from "./FriendlyLinkItem.astro";
+import { getCollection } from "astro:content";
+import { getLangFromUrl } from "@/i18n";
+
+const lang = getLangFromUrl(Astro.url);
+const links = await getCollection("friends");
+// const { links = [] } = Astro.props;
+---
+
+<div class="friendly-link-list">
+    {
+        links.map((link: any) => (
+            <FriendlyLinkItem
+                name={link.data.name}
+                description={link.data.description}
+                avatar={link.data.avatar}
+                url={link.data.url}
+            />
+        ))
+    }
+</div>
+
+<style>
+    .friendly-link-list {
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 1rem;
+        align-items: start;
+    }
+
+    @media (max-width: 720px) {
+        .friendly-link-list {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
diff --git a/src/components/Giscus.astro b/src/components/Giscus.astro
index f98a502..3c8656b 100644
--- a/src/components/Giscus.astro
+++ b/src/components/Giscus.astro
@@ -1,5 +1,5 @@
 ---
-
+const { term } = Astro.props;
 ---
 
 <section class="comments">
@@ -11,8 +11,9 @@
         data-repo-id="R_kgDORvuVpA"
         data-category="Comments"
         data-category-id="DIC_kwDORvuVpM4C5MDE"
-        data-mapping="pathname"
-        data-strict="0"
+        data-mapping="specific"
+        data-term={term}
+        data-strict="1"
         data-reactions-enabled="1"
         data-emit-metadata="0"
         data-input-position="bottom"
@@ -20,8 +21,7 @@
         data-lang="en"
         data-loading="lazy"
         crossorigin="anonymous"
-        async
-    ></script>
+        async></script>
 
     <script is:inline>
         function setGiscusTheme(theme) {
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index a4dc320..8b556dd 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -10,6 +10,7 @@ const t = getTranslations(lang);
     <a href={`/${lang}/about`}>{t.nav.about}</a>
     <a href={`/${lang}/tags`}>{t.nav.tags}</a>
     <a href={`/${lang}/timeline`}>{t.nav.timeline}</a>
+    <a href={`/${lang}/friends`}>{t.nav.friends}</a>
 </nav>
 
 <style>
diff --git a/src/components/Posts/PostItem.astro b/src/components/Posts/PostItem.astro
index 2aa3b66..2d98c23 100644
--- a/src/components/Posts/PostItem.astro
+++ b/src/components/Posts/PostItem.astro
@@ -52,7 +52,7 @@ const data = Astro.props;
   }
 
   .post-title {
-    font-family: "Recursive Mono", "Maple Mono";
+    font-family: "Recursive Mono", "Maple Mono CN";
     color: inherit;
     font-weight: 700;
     font-size: 1.34rem;
diff --git a/src/components/Posts/PostList.astro b/src/components/Posts/PostList.astro
index 1b345de..96bd531 100644
--- a/src/components/Posts/PostList.astro
+++ b/src/components/Posts/PostList.astro
@@ -82,7 +82,7 @@ const discussions = await fetchDiscussionStats();
         .toISOString()
         .split("T")[0];
 
-      const pathname = `/${lang}/posts/${post.id}/`;
+      const pathname = `/${post.id}/`;
 
       const matchedDiscussion = discussions.find((d: DiscussionNode) => {
         return normalizePath(d.title) === normalizePath(pathname);
diff --git a/src/components/ThemeIcon.astro b/src/components/ThemeIcon.astro
index 259635e..c6774cb 100644
--- a/src/components/ThemeIcon.astro
+++ b/src/components/ThemeIcon.astro
@@ -34,7 +34,7 @@ const switchHref = "/" + segments.join("/");
         </svg>
     </button>
 
-    <a class="lang-switch" href={switchHref}>
+    <a class="lang-switch" href={switchHref} data-astro-reload>
         {switchLabel}
     </a>
 </div>
diff --git a/src/content.config.ts b/src/content.config.ts
index ecea83b..592228b 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -19,5 +19,16 @@ const blog = defineCollection({
         tags: z.array(z.string())
     })
 });
+
+const friends = defineCollection({
+    loader: glob({ pattern: '**/[^_]*.md', base: "./src/friends" }),
+    schema: z.object({
+        name: z.string(),
+        description: z.string(),
+        url: z.string(),
+        avatar: z.string()
+    })
+});
+
 // Export a single `collections` object to register your collection(s)
-export const collections = { blog };
\ No newline at end of file
+export const collections = { blog, friends };
\ No newline at end of file
diff --git a/src/friends/example.md b/src/friends/example.md
new file mode 100644
index 0000000..9ed52cb
--- /dev/null
+++ b/src/friends/example.md
@@ -0,0 +1,6 @@
+---
+name: 'CLovertaTheTrilobita'
+description: "This is Cloverta's blog"
+url: "https://cloverta.top"
+avatar: 'https://docs.astro.build/assets/rose.webp'
+---
\ No newline at end of file
diff --git a/src/friends/example2.md b/src/friends/example2.md
new file mode 100644
index 0000000..216df08
--- /dev/null
+++ b/src/friends/example2.md
@@ -0,0 +1,6 @@
+---
+name: 'CLovertaTheTrilobita'
+description: "This is Cloverta's blog"
+url: 'https://docs.astro.build/assets/rose.webp'
+avatar: 'https://docs.astro.build/assets/rose.webp'
+---
\ No newline at end of file
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 33fa832..1bdc840 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -9,6 +9,7 @@ export default {
         tags: "Tags",
         about: "About",
         timeline: "Timeline",
+        friends: "Friends"
     },
     post: {
         writtenBy: "Written by",
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index adfe95e..7c9da2d 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -8,7 +8,8 @@ export default {
         posts: "文章",
         tags: "标签",
         about: "关于",
-        timeline: "时间轴"
+        timeline: "时间轴",
+        friends: "友链"
     },
     post: {
         writtenBy: "作者",
diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
index a35fe1c..dfb9f24 100644
--- a/src/layouts/MarkdownPostLayout.astro
+++ b/src/layouts/MarkdownPostLayout.astro
@@ -4,8 +4,8 @@ import Giscus from "@/components/Giscus.astro";
 import { getLangFromUrl, getTranslations } from "@/i18n";
 import "@/styles/global.css";
 
-const { frontmatter } = Astro.props;
-const lang = getLangFromUrl(Astro.url);
+const { frontmatter, lang, postId } = Astro.props;
+// const lang = getLangFromUrl(Astro.url);
 const t = getTranslations(lang);
 ---
 
@@ -41,7 +41,7 @@ const t = getTranslations(lang);
 
   <slot />
 
-  <Giscus />
+  <Giscus term={postId} />
 </BaseLayout>
 
 <style>
diff --git a/src/pages/[lang]/friends.astro b/src/pages/[lang]/friends.astro
new file mode 100644
index 0000000..067ad5a
--- /dev/null
+++ b/src/pages/[lang]/friends.astro
@@ -0,0 +1,18 @@
+---
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import FriendlyLinkList from "@/components/FriendlyLinks/FriendlyLinkList.astro";
+import { getLangFromUrl, getTranslations } from "@/i18n";
+import "@/styles/global.css";
+
+export function getStaticPaths() {
+    return [{ params: { lang: "zh" } }, { params: { lang: "en" } }];
+}
+
+const lang = getLangFromUrl(Astro.url);
+const t = getTranslations(lang);
+const headerTitle = lang === "zh" ? "友情链接" : "Friends";
+---
+
+<BaseLayout pageTitle={headerTitle}>
+    <FriendlyLinkList />
+</BaseLayout>
diff --git a/src/pages/[lang]/posts/[...slug].astro b/src/pages/[lang]/posts/[...slug].astro
index 27e0ca1..cc07888 100644
--- a/src/pages/[lang]/posts/[...slug].astro
+++ b/src/pages/[lang]/posts/[...slug].astro
@@ -24,6 +24,6 @@ const { post, lang } = Astro.props;
 const { Content } = await render(post);
 ---
 
-<MarkdownPostLayout frontmatter={post.data} lang={lang}>
+<MarkdownPostLayout frontmatter={post.data} lang={lang} postId={post.id}>
     <Content />
 </MarkdownPostLayout>
diff --git a/src/pages/[lang]/timeline.astro b/src/pages/[lang]/timeline.astro
index d904057..f5a9cfb 100644
--- a/src/pages/[lang]/timeline.astro
+++ b/src/pages/[lang]/timeline.astro
@@ -14,5 +14,6 @@ const headerTitle = lang === "zh" ? "时间轴" : "Timeline";
 ---
 
 <BaseLayout pageTitle={headerTitle}>
+    <h1>{t.nav.timeline}</h1>
     <PostTimeline />
 </BaseLayout>