diff --git a/app/[lang]/layout.tsx b/app/[lang]/layout.tsx
index 2054a73..5757364 100644
--- a/app/[lang]/layout.tsx
+++ b/app/[lang]/layout.tsx
@@ -5,6 +5,7 @@ import Image from "next/image";
 import avatar from "../../public/static/avatar.webp";
 import Link from "next/link";
 import { dictionaryKeys, getDictionary } from "../../dictionaries";
+import { getAlternateLanguages } from "@/lib/metadata";
 
 export const runtime = "edge";
 
@@ -15,20 +16,14 @@ export async function generateMetadata({
 }): Promise<Metadata> {
   const dictionary = await getDictionary(params.lang);
 
-  const langEntries = await Promise.all(
-    dictionaryKeys.map(async (lang) => {
-      const dictionary = await getDictionary(lang);
-
-      return [lang, dictionary.urls.home];
-    }),
-  );
-
   return {
     metadataBase: new URL(dictionary.meta.baseUrl),
     title: dictionary.meta.websiteName,
     description: dictionary.meta.motto,
     keywords: dictionary.meta.fillKeywords([]),
     openGraph: {
+      type: "website",
+      url: new URL(dictionary.urls.home, dictionary.meta.baseUrl).href,
       title: dictionary.meta.websiteName,
       description: dictionary.meta.motto,
       siteName: dictionary.meta.websiteName,
@@ -42,7 +37,10 @@ export async function generateMetadata({
       images: "/static/banner.png",
     },
     alternates: {
-      languages: Object.fromEntries(langEntries),
+      languages: await getAlternateLanguages(
+        (dictionary) =>
+          new URL(dictionary.urls.home, dictionary.meta.baseUrl).href,
+      ),
     },
   };
 }
diff --git a/app/[lang]/posts/[postSlug]/page.tsx b/app/[lang]/posts/[postSlug]/page.tsx
index 6cb6cf5..068320e 100644
--- a/app/[lang]/posts/[postSlug]/page.tsx
+++ b/app/[lang]/posts/[postSlug]/page.tsx
@@ -3,11 +3,17 @@ import { CalendarDaysIcon, LanguageIcon } from "@heroicons/react/24/solid";
 import { displayDate } from "@/lib/date";
 import { notFound } from "next/navigation";
 import Link from "next/link";
-import { getDictionary, Language, languageLabels } from "@/dictionaries";
+import {
+  dictionaryKeys,
+  getDictionary,
+  Language,
+  languageLabels,
+} from "@/dictionaries";
 import { SiX } from "@icons-pack/react-simple-icons";
 import { Metadata } from "next";
 import classNames from "classnames";
 import { PostAdvertising } from "./Advertising";
+import { getAlternateLanguages } from "@/lib/metadata";
 
 export const runtime = "edge";
 
@@ -23,8 +29,6 @@ export async function generateMetadata({
     (post) => post.lang === lang && post.slug === postSlug,
   );
 
-  console.log("###", post);
-
   if (!post) {
     notFound();
   }
@@ -36,6 +40,8 @@ export async function generateMetadata({
     keywords: dictionary.meta.fillKeywords(post.keywords),
     openGraph: {
       type: "article",
+      url: new URL(post.permalink, dictionary.meta.baseUrl).href,
+      siteName: dictionary.meta.websiteName,
       title: post.title,
       description: post.description,
       images: post.cover?.src ?? "/static/banner.png",
@@ -47,6 +53,11 @@ export async function generateMetadata({
       card: "summary_large_image",
       images: post.cover?.src ?? "/static/banner.png",
     },
+    alternates: {
+      languages: await getAlternateLanguages(
+        (dictionary) => new URL(post.permalink, dictionary.meta.baseUrl).href,
+      ),
+    },
   };
 }
 
@@ -109,8 +120,9 @@ export default async function PostPage({
             className={classNames(
               "prose dark:prose-invert",
               "prose-headings:font-serif prose-headings:mt-8",
-              "prose-h1:text-xl",
-              "prose-h2:text-lg",
+              "prose-h1:text-3xl",
+              "prose-h2:text-xl",
+              "prose-h3:text-lg",
               "prose-blockquote:font-normal",
               "prose-pre:border prose-pre:rounded-xl",
               "before:prose-p:content-none after:prose-p:content-none",
diff --git a/app/[lang]/posts/categories/[categorySlug]/page.tsx b/app/[lang]/posts/categories/[categorySlug]/page.tsx
index 473134e..1a04eac 100644
--- a/app/[lang]/posts/categories/[categorySlug]/page.tsx
+++ b/app/[lang]/posts/categories/[categorySlug]/page.tsx
@@ -1,10 +1,11 @@
 import { posts, categories } from "@/.velite";
 import { CalendarDaysIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";
-import { Language, getDictionary } from "@/dictionaries";
+import { Language, dictionaryKeys, getDictionary } from "@/dictionaries";
 import { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { displayDate } from "@/lib/date";
+import { getAlternateLanguages } from "@/lib/metadata";
 
 export const runtime = "edge";
 
@@ -28,8 +29,13 @@ export async function generateMetadata({
     description: category.description?.[params.lang],
     keywords: dictionary.meta.fillKeywords([]),
     openGraph: {
+      type: "website",
+      url: new URL(category.permalink[params.lang], dictionary.meta.baseUrl)
+        .href,
+      siteName: dictionary.meta.websiteName,
       title: category.name[params.lang],
       description: category.description?.[params.lang],
+      images: "/static/banner.png",
     },
     twitter: {
       title: category.name[params.lang],
@@ -37,6 +43,13 @@ export async function generateMetadata({
       site: "@noobnooc",
       card: "summary_large_image",
     },
+    alternates: {
+      languages: await getAlternateLanguages(
+        (dictionary) =>
+          new URL(category.permalink[params.lang], dictionary.meta.baseUrl)
+            .href,
+      ),
+    },
   };
 }
 
@@ -69,14 +82,14 @@ export default async function CategoryPostsPage({
 
   return (
     <main className="mx-auto flex flex-col sm:flex-row w-full max-w-screen-lg gap-4 px-4 py-8">
-      <ul className="basis-3/4">
+      <ul className="basis-3/4 flex flex-col gap-4">
         {posts.map((post) => (
           <li
             key={post.slug}
-            className="rounded-3xl p-4 border bg-white/50 dark:bg-indigo-100/5 flex flex-col gap-2"
+            className="rounded-3xl p-4 sm:px-8 border bg-white/50 dark:bg-indigo-100/5 flex flex-col gap-2"
           >
             <Link className="underline" href={post.permalink}>
-              <h1 className="text-xl font-serif">{post.title}</h1>
+              <h2 className="text-xl font-serif">{post.title}</h2>
             </Link>
             <p className="opacity-70">{post.description}</p>
             <div className="opacity-50 flex items-center gap-4">
diff --git a/app/[lang]/posts/page.tsx b/app/[lang]/posts/page.tsx
index 2c00e62..bb2deff 100644
--- a/app/[lang]/posts/page.tsx
+++ b/app/[lang]/posts/page.tsx
@@ -2,8 +2,9 @@ import { posts, categories } from "@/.velite";
 import { CalendarDaysIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";
 import { displayDate } from "../../../lib/date";
-import { Language, getDictionary } from "@/dictionaries";
+import { Language, dictionaryKeys, getDictionary } from "@/dictionaries";
 import { Metadata } from "next";
+import { getAlternateLanguages } from "@/lib/metadata";
 
 export const runtime = "edge";
 
@@ -20,8 +21,12 @@ export async function generateMetadata({
     description: dictionary.labels.posts,
     keywords: dictionary.meta.fillKeywords([]),
     openGraph: {
+      type: "website",
+      url: new URL(dictionary.urls.posts, dictionary.meta.baseUrl).href,
+      siteName: dictionary.meta.websiteName,
       title: dictionary.labels.posts,
       description: dictionary.labels.posts,
+      images: "/static/banner.png",
     },
     twitter: {
       title: dictionary.labels.posts,
@@ -29,6 +34,12 @@ export async function generateMetadata({
       site: "@noobnooc",
       card: "summary_large_image",
     },
+    alternates: {
+      languages: await getAlternateLanguages(
+        (dictionary) =>
+          new URL(dictionary.urls.posts, dictionary.meta.baseUrl).href,
+      ),
+    },
   };
 }
 
@@ -57,7 +68,7 @@ export default async function PostsPage({
             className="rounded-3xl p-4 sm:px-8 border bg-white/50 dark:bg-indigo-100/5 flex flex-col gap-2"
           >
             <Link className="underline" href={post.permalink}>
-              <h1 className="text-xl font-serif">{post.title}</h1>
+              <h2 className="text-xl font-serif">{post.title}</h2>
             </Link>
             <p className="opacity-70">{post.description}</p>
             <div className="opacity-50 flex items-center gap-4">
diff --git a/app/[lang]/works/page.tsx b/app/[lang]/works/page.tsx
index 74bd255..b8c1b26 100644
--- a/app/[lang]/works/page.tsx
+++ b/app/[lang]/works/page.tsx
@@ -1,8 +1,9 @@
 import Card from "../../../components/card";
 import Image from "next/image";
 import { twMerge } from "tailwind-merge";
-import { getDictionary } from "../../../dictionaries";
+import { dictionaryKeys, getDictionary } from "../../../dictionaries";
 import { Metadata } from "next";
+import { getAlternateLanguages } from "@/lib/metadata";
 
 export const runtime = "edge";
 
@@ -19,8 +20,12 @@ export async function generateMetadata({
     description: dictionary.labels.noocWorks,
     keywords: dictionary.meta.fillKeywords([]),
     openGraph: {
+      type: "website",
+      url: new URL(dictionary.urls.works, dictionary.meta.baseUrl).href,
+      siteName: dictionary.meta.websiteName,
       title: dictionary.labels.works,
       description: dictionary.labels.noocWorks,
+      images: "/static/banner.png",
     },
     twitter: {
       title: dictionary.labels.works,
@@ -28,6 +33,12 @@ export async function generateMetadata({
       site: "@noobnooc",
       card: "summary_large_image",
     },
+    alternates: {
+      languages: await getAlternateLanguages(
+        (dictionary) =>
+          new URL(dictionary.urls.works, dictionary.meta.baseUrl).href,
+      ),
+    },
   };
 }
 
diff --git a/content/posts/2024-03-15 set-up-blog-with-velite/en.md b/content/posts/2024-03-15 set-up-blog-with-velite/en.md
index 883a962..9f7aa0a 100644
--- a/content/posts/2024-03-15 set-up-blog-with-velite/en.md	
+++ b/content/posts/2024-03-15 set-up-blog-with-velite/en.md	
@@ -18,7 +18,7 @@ keywords:
   - Static blog
 ---
 
-# Why I Built Another Blog
+## Why I Built Another Blog
 
 Yes, I've integrated another blog system into my personal homepage. Before this, I already had a personal blog called "[Subjective World](https://subnooc.com)", where I occasionally share my thoughts. However, I've always positioned that blog to share only my personal insights or book notes, more life-oriented content. From the beginning, I never intended to publish anything related to technical tinkering there, and I even decided not to include any images, keeping it purely text-based.
 
@@ -26,7 +26,7 @@ But sometimes I still have the urge to share some tinkering records. I tried usi
 
 Naturally, this blog should be integrated into my personal homepage and should have a high degree of customization capability. And since I'm moving away from GitHub, I must add some features that weren't there before, so I implemented multilingual translation. Now, if you go back to the title of this article, you'll see language switch links for English and Chinese below.
 
-# Why Use a Static Blog
+## Why Use a Static Blog
 
 Nowadays, there are generally two choices for setting up a blog: dynamic blogs represented by Wordpress, Ghost, Typeecho, etc., and static blogs represented by Hugo, Hexo, Jekyll, etc. A clear distinction between static and dynamic blogs is whether they use a database. If there's a database, it's a dynamic blog; if not, it's a static blog.
 
@@ -36,7 +36,7 @@ The advantages of static blogs are purity (because they're all in file form) and
 
 My personal homepage is already hosted on Cloudflare Pages, and I don't want to introduce a behemoth like a database for now. Plus, I'm not too concerned about interactivity. So I chose a static blog without hesitation.
 
-# Why Choose Velite
+## Why Choose Velite
 
 [Velite](https://github.com/zce/velite) is an open-source JavaScript content conversion tool that can convert Markdown/MDX, YAML, and other files into type-safe JavaScript data. For example, to implement a static blog, you can use it to convert Markdown format files into data, and then display it in your code. It might seem a bit roundabout, why not use ready-made solutions like [Hugo](https://gohugo.io) or [Hexo](https://hexo.io/index.html), which directly generate static websites from Markdown?
 
@@ -60,7 +60,7 @@ Velite uses Zod to provide data type checking, which can greatly ensure type saf
 
 So based on these reasons, I ultimately chose to use Velite to integrate blog functionality into my personal homepage.
 
-# Getting Started with Velite
+## Getting Started with Velite
 
 Velite has detailed usage documentation on its [official website](https://velite.js.org/guide/quick-start). If you want to carefully study what it can be used for and some specific details, you can go directly to the official website to check. Here, I'll just briefly introduce the process of integrating a static blog in a Next.js project using Velite.
 
@@ -73,7 +73,7 @@ The workflow of Velite is:
 - Output the processed results to the directory set by `output` in the configuration file
 - In the Next.js project, directly import the results processed by Velite, and then you can start various operations
 
-## Installing Velite
+### Installing Velite
 
 First, we need to install Velite before we can properly import Velite-related configurations. Open the terminal and execute the following command:
 
@@ -82,7 +82,7 @@ First, we need to install Velite before we can properly import Velite-related co
 npm install velite
 ```
 
-## Adding Necessary Configuration
+### Adding Necessary Configuration
 
 As mentioned above, we will use the `velite.config.ts` configuration file to tell Velite how to work. So let's create a file named `velite.config.ts` in the project root directory and fill it in with the following content:
 
@@ -133,12 +133,12 @@ To achieve this operation, we can add Velite's processing logic in `next.config.
 ```js
 // next.config.mjs
 
-const isDev = process.argv.indexOf('dev') !== -1
-const isBuild = process.argv.indexOf('build') !== -1
+const isDev = process.argv.indexOf("dev") !== -1;
+const isBuild = process.argv.indexOf("build") !== -1;
 if (!process.env.VELITE_STARTED && (isDev || isBuild)) {
-  process.env.VELITE_STARTED = '1'
-  const { build } = await import('velite')
-  await build({ watch: isDev, clean: !isDev })
+  process.env.VELITE_STARTED = "1";
+  const { build } = await import("velite");
+  await build({ watch: isDev, clean: !isDev });
 }
 
 /** @type {import('next').NextConfig} */
@@ -172,7 +172,7 @@ If our project structure is deep, to avoid the situation of `import {posts} from
 
 After adding the above configuration, I can easily use `import {posts} from '@/velite'` to import the processed files.
 
-## Define file processing methods
+### Define file processing methods
 
 So far, we have completed all the necessary configurations for Velite, but we still need to tell Velite which files to process and how to process them.
 
@@ -249,7 +249,7 @@ Hello! This is my first article on my blog.
 
 Now we can directly import our category information and article content from the `.velite` directory.
 
-# Using Velite's generated data in Next.js
+## Using Velite's generated data in Next.js
 
 After the above settings, we can directly import the data built by Velite in the `.velite` directory, and then use it in the page as needed.
 
diff --git a/content/posts/2024-03-15 set-up-blog-with-velite/zh.md b/content/posts/2024-03-15 set-up-blog-with-velite/zh.md
index 22c305a..9d1fdc6 100644
--- a/content/posts/2024-03-15 set-up-blog-with-velite/zh.md	
+++ b/content/posts/2024-03-15 set-up-blog-with-velite/zh.md	
@@ -18,7 +18,7 @@ keywords:
   - 静态博客
 ---
 
-# 为什么又搭建了一个博客
+## 为什么又搭建了一个博客
 
 是的，我又在我的个人主页上集成了一个博客系统。在这之前，我已经有了一个个人博客「[主观世界](https://subnooc.com)」，不时也会在上面发发牢骚。但我对该博客的定位一直是只分享我自己的一些心得想法，或者是读书笔记这些篇生活向的东西，从一开始就没有打算在上面发布技术折腾相关的东西，甚至一开始就决定不会在该博客中放任何图片，始终保持纯文本的状态。
 
@@ -26,7 +26,7 @@ keywords:
 
 自然而然，这个博客应该集成到我的个人主页之中，应该要有高度的自定义能力。而且既然从 GitHub 搬出来了，那就必须得添加一些之前没有功能，于是我便实现了多语言翻译。此时如果你回到这篇文章的标题处，在下方便能看见英文和中文的切换链接。
 
-# 为什么使用静态博客
+## 为什么使用静态博客
 
 现在搭建博客一般有两种选择，像是 Wordpress、Ghost、Typeecho 等为代表的动态博客，和 Hugo、Hexo、Jekyll 等为代表的静态博客。静态博客和动态博客一个明显的区别，就是有没有数据库之分。如果有数据库，那么就是动态博客，如果没有，那么就是静态博客。
 
@@ -36,7 +36,7 @@ keywords:
 
 我的个人主页本就托管在 Cloudflare Pages 上，暂时也不太想引入数据库这种庞然大物，而且我也不是很在意互动。所以毫不犹豫地就选择了静态博客。
 
-# 为什么选择 Velite
+## 为什么选择 Velite
 
 [Velite](https://github.com/zce/velite) 是一个开源的 JavaScript 内容转换工具，它可以将 Markdown/MDX、 YAML 等文件，转换为类型安全的 JavaScript 数据。比如用来实现一个静态博客，可以使用它来将 Markdown 格式的文件，转换为数据，然后再在代码中将其展示出来。可能看起来有一点绕，为什么不直接使用现成的，像 [Hugo](https://gohugo.io)、[Hexo](https://hexo.io/index.html)，不都是直接将 Markdown 生成为静态网站吗。
 
@@ -60,7 +60,7 @@ Velite 使用 Zod 提供了数据类型检查，可以很大程度地保证类
 
 所以基于上面这些原因，我最终选择了使用 Velite 来为我的个人主页集成博客功能。
 
-# 开始使用 Velite
+## 开始使用 Velite
 
 Velite 在其[官网](https://velite.js.org/guide/quick-start)有很详细的使用文档，如果想要仔细研究它能用来做什么，以及一些具体的细节，可以直接去官网查看。我这里只简单介绍一下在 Next.js 项目中，使用 Velite 集成一个静态博客的流程。
 
@@ -73,7 +73,7 @@ Velite 的工作流程为：
 - 将处理后的结果输出到配置文件里 `output` 所设置的目录
 - 在 Next.js 项目中直接导入 Velite 处理后的结果，然后就可以开始进行各种操作啦
 
-## 安装 Velite
+### 安装 Velite
 
 首先，我们需要安装 Velite，然后才能正常引入 Velite 相关的配置。打开终端，执行以下命令：
 
@@ -82,7 +82,7 @@ Velite 的工作流程为：
 npm install velite
 ```
 
-## 添加必要配置
+### 添加必要配置
 
 上面提到，我们会通过 `velite.config.ts` 这个配置文件来告诉 Velite 该如何工作。那话不多说，先在项目跟目录创建一个名为 `velite.config.ts` 的文件，并填入一下内容：
 
@@ -133,12 +133,12 @@ public/static
 ```js
 // next.config.mjs
 
-const isDev = process.argv.indexOf('dev') !== -1
-const isBuild = process.argv.indexOf('build') !== -1
+const isDev = process.argv.indexOf("dev") !== -1;
+const isBuild = process.argv.indexOf("build") !== -1;
 if (!process.env.VELITE_STARTED && (isDev || isBuild)) {
-  process.env.VELITE_STARTED = '1'
-  const { build } = await import('velite')
-  await build({ watch: isDev, clean: !isDev })
+  process.env.VELITE_STARTED = "1";
+  const { build } = await import("velite");
+  await build({ watch: isDev, clean: !isDev });
 }
 
 /** @type {import('next').NextConfig} */
@@ -172,7 +172,7 @@ export default nextConfig;
 
 添加以上配置后，我就可以在任何地方方便地使用 `import {posts} from '@/velite'` 来引入 Velite 处理过的文件。
 
-## 定义文件处理方式
+### 定义文件处理方式
 
 到目前为止，我们已经完成了 Velite 的所有必要配置，但还差了最重要的一步 —— 告诉 Velite 该处理哪些文件，如何处理。
 
@@ -249,7 +249,7 @@ categories:
 
 现在我们就可以直接从 `.velite` 目录下导入我们的分类信息和文章内容啦。
 
-# 在 Next.js 中使用 Velite 生成的数据
+## 在 Next.js 中使用 Velite 生成的数据
 
 经过以上的设置后，我们可以直接引入 `.velite` 目录下 Velite 所构建的数据，然后在页面中进行任意使用。
 
diff --git a/content/posts/2024-03-19 i-open-sourced-assischat/en.md b/content/posts/2024-03-19 i-open-sourced-assischat/en.md
index 75b9aef..08a7554 100644
--- a/content/posts/2024-03-19 i-open-sourced-assischat/en.md	
+++ b/content/posts/2024-03-19 i-open-sourced-assischat/en.md	
@@ -18,7 +18,7 @@ keywords:
   - Claude API
 ---
 
-# Introduction to AssisChat
+## Introduction to AssisChat
 
 About a year ago, when AI chat was gaining popularity and ChatGPT had a highly acclaimed model, there was no user-friendly web interface and no official mobile app. However, the demand for a mobile app was strong, and I myself wanted a mobile application to easily interact with ChatGPT anytime, anywhere.
 
@@ -42,7 +42,7 @@ The idea for the keyboard extension came from an interesting app called [Smarty]
 
 After some friends started using the app, they provided feedback and suggestions. As a result, I gradually added support for Claude API, context size limits, iCloud synchronization, QR code configuration import, and macOS support.
 
-# Why Open Source?
+## Why Open Source?
 
 Shortly after releasing the app to the store, I added an in-app purchase to see if it could cover the $600 annual Apple developer account fee. Although purchasing or not purchasing the in-app feature had no impact on the app's functionality, many users still bought it to show their support. I didn't keep detailed statistics, but I believe that over the course of the year, it roughly covered the developer fee.
 
diff --git a/content/posts/2024-03-19 i-open-sourced-assischat/zh.md b/content/posts/2024-03-19 i-open-sourced-assischat/zh.md
index d950567..a40351a 100644
--- a/content/posts/2024-03-19 i-open-sourced-assischat/zh.md	
+++ b/content/posts/2024-03-19 i-open-sourced-assischat/zh.md	
@@ -19,7 +19,7 @@ keywords:
   - Claude API
 ---
 
-# AssisChat 介绍
+## AssisChat 介绍
 
 在大约一年前，那个时候 AI 聊天正兴起，ChatGPT 也光有一个为人称道的模型，但其网页版的用户界面并不是十分好用，也没有一个官方版本的手机端 app 。但这个需求又是十分强烈的，包括我自己也十分想要一个手机端的应用，以便随时随地掏出手机问问 ChatGPT 。
 
@@ -43,7 +43,7 @@ AssisChat 的名字来源于 Assistant 和 Chat 的组合，一开始我设想
 
 再后来有了一些朋友在使用了，也有一些朋友提了一些建议。于是慢慢地又加入了 Claude API 的支持、上下文数量限制、iCloud 同步、二维码导入配置等支持、macOS 支持。
 
-# 为什么开源
+## 为什么开源
 
 在上架到商店后不久，我便在 App 里加了个内购，看看能不能摊平每年 600 块的苹果开发者账号费用。虽然这个内购是否购买，完全不会影响使用，购买后的功能没有任何变化，但还是有不少小伙伴因为支持而购买。我没有仔细统计过数据，但印象中这一年下来，应该是刚好摊平了开发者费用。
 
diff --git a/content/posts/2024-08-08 a-url-redirect-service-with-cloudflare/en.md b/content/posts/2024-08-08 a-url-redirect-service-with-cloudflare/en.md
index 18458fc..f1af192 100644
--- a/content/posts/2024-08-08 a-url-redirect-service-with-cloudflare/en.md	
+++ b/content/posts/2024-08-08 a-url-redirect-service-with-cloudflare/en.md	
@@ -37,4 +37,4 @@ redirect:* = https://weelone.com
 
 After that, visiting [weel.one/x](https://weel.one/x), [weel.one/github](https://weel.one/github), [weel.one/discord](https://weel.one/discord) will all be redirected to their corresponding links. Visiting non-existent links or directly accessing [weel.one](https://weel.one) will be redirected to [weelone.com](https://weelone.com).
 
-If you also want to quickly deploy such a service, you can directly check the deployment process in the [repository](https://github.com/noobnooc/cf-redirect).
\ No newline at end of file
+If you also want to quickly deploy such a service, you can directly check the deployment process in the [repository](https://github.com/noobnooc/cf-redirect).
diff --git a/dictionaries/index.ts b/dictionaries/index.ts
index 1ac0970..ea02923 100644
--- a/dictionaries/index.ts
+++ b/dictionaries/index.ts
@@ -10,13 +10,16 @@ export const languageLabels = {
   zh: "中文",
 };
 
-export type Dictionary = Awaited<ReturnType<typeof dictionaries[keyof typeof dictionaries]>>;
+export type Dictionary = Awaited<
+  ReturnType<(typeof dictionaries)[keyof typeof dictionaries]>
+>;
 
 export type Language = keyof typeof languageLabels;
 
+export const defaultLanguage: Language = "en";
 export const dictionaryKeys = Object.keys(dictionaries);
 
-export async function getDictionary(locale = "en") {
+export async function getDictionary(locale: string = defaultLanguage) {
   if (!(locale in dictionaries)) {
     throw new Error(`Dictionary for locale '${locale}' not found.`);
   }
diff --git a/lib/metadata.ts b/lib/metadata.ts
new file mode 100644
index 0000000..82b8baf
--- /dev/null
+++ b/lib/metadata.ts
@@ -0,0 +1,27 @@
+import {
+  defaultLanguage,
+  Dictionary,
+  dictionaryKeys,
+  getDictionary,
+} from "@/dictionaries";
+import { AlternateURLs } from "next/dist/lib/metadata/types/alternative-urls-types";
+
+export async function getAlternateLanguages(
+  handler: (dict: Dictionary) => string,
+): Promise<AlternateURLs["languages"]> {
+  const langEntries = await Promise.all(
+    dictionaryKeys.map(async (lang) => {
+      const dictionary = await getDictionary(lang);
+
+      return [lang, handler(dictionary)];
+    }),
+  );
+
+  const defaultLang = langEntries.find(([lang]) => lang === defaultLanguage);
+
+  if (defaultLang) {
+    langEntries.push(["x-default", defaultLang[1]]);
+  }
+
+  return Object.fromEntries(langEntries);
+}