feat: implement internationalization (i18n) support

src/pages/[lang]/about.astro

@@ -0,0 +1,7 @@
+---
+import Layout from '@/layouts/Layout.astro'
+---
+
+<Layout>
+  about me
+</Layout>

src/pages/[lang]/index.astro

@@ -0,0 +1,47 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import { getPinnedPosts, getPosts } from '@/utils/content.config'
+
+export function getStaticPaths() {
+  return [
+    { params: { lang: 'zh' } },
+    { params: { lang: 'en' } },
+  ]
+}
+
+const { lang } = Astro.params
+const pinnedPosts = await getPinnedPosts()
+const posts = await getPosts()
+---
+
+<Layout>
+  <main>
+    {pinnedPosts.length > 0 && (
+      <section>
+        <ul>
+          {pinnedPosts.map(post => (
+            <li>
+              <a href={`/${lang}/posts/${post.slug}/`}>
+                {post.data.title}
+                <time>({post.data.published.toISOString().split('T')[0]})</time>
+              </a>
+            </li>
+          ))}
+        </ul>
+      </section>
+    )}
+
+    <section>
+      <ul>
+        {posts.map(post => (
+          <li>
+            <a href={`/${lang}/posts/${post.slug}/`}>
+              {post.data.title}
+              <time>({post.data.published.toISOString().split('T')[0]})</time>
+            </a>
+          </li>
+        ))}
+      </ul>
+    </section>
+  </main>
+</Layout>

src/pages/[lang]/posts/[slug].astro

@@ -0,0 +1,23 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import { getCollection } from 'astro:content'
+
+export async function getStaticPaths() {
+  const posts = await getCollection('posts')
+  return posts.map(post => ({
+    params: { slug: post.slug },
+    props: { post },
+  }))
+}
+
+const { post } = Astro.props
+const { Content } = await post.render()
+---
+
+<Layout>
+  <article>
+    <h1>{post.data.title}</h1>
+    <time>{post.data.published.toISOString().split('T')[0]}</time>
+    <Content />
+  </article>
+</Layout>

src/pages/[lang]/tags/[tags].astro

@@ -0,0 +1,36 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import { getAllTags, getPostsByTag } from '@/utils/content.config'
+
+export async function getStaticPaths() {
+  const tags = await getAllTags()
+  return tags.map(tag => ({
+    params: { tags: tag },
+    props: { tags: tag },
+  }))
+}
+
+const { tags } = Astro.props
+const posts = await getPostsByTag(tags)
+const allTags = await getAllTags()
+---
+
+<Layout>
+  <div>
+    {allTags.map(tag => (
+      <a href={`/tags/${tag}/`}>
+        {tag}
+      </a>
+    ))}
+  </div>
+
+  <div>
+    <ul>
+      {posts.map(post => (
+        <li>
+          <a href={`/posts/${post.slug}/`}>{post.data.title}</a>
+        </li>
+      ))}
+    </ul>
+  </div>
+</Layout>

src/pages/[lang]/tags/index.astro

@@ -0,0 +1,15 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import { getAllTags } from '@/utils/content.config'
+
+const allTags = await getAllTags()
+---
+
+<Layout>
+  <div>
+    {allTags.map(tag => (
+      <a href={`/tags/${tag}/`}>
+        {tag}
+      </a>
+    ))}
+  </div>