diff --git a/src/components/atoms/Pagination.astro b/src/components/atoms/Pagination.astro
index d5828fc..90bc7b3 100644
--- a/src/components/atoms/Pagination.astro
+++ b/src/components/atoms/Pagination.astro
@@ -1,32 +1,35 @@
 ---
 import { Icon } from 'astro-icon/components';
 import { getRelativeLink } from '~/utils/permalinks';
-const { prevUrl, nextUrl, prevText = 'Newer posts', nextText = 'Older posts' } = Astro.props;
+
+export interface Props {
+	prevUrl?: string;
+	nextUrl?: string;
+	prevText?: string;
+	nextText?: string;
+}
+
+const { prevUrl, nextUrl, prevText = '较新文章', nextText = '较旧文章' } = Astro.props;
 ---
 
 {
 	(prevUrl || nextUrl) && (
 		<div class="container flex">
-			<div class="flex flex-row mx-auto container justify-between">
-				<a
-					href={getRelativeLink(prevUrl)}
-					class={`btn btn-ghost px-3 mr-2
-      ${!prevUrl ? 'invisible' : ''}`}
-				>
+			<div class="container mx-auto flex flex-row justify-between">
+				<a href={getRelativeLink(prevUrl)} class={`btn btn-ghost mr-2 px-3 ${!prevUrl ? 'invisible' : ''}`}>
 					<div class="flex flex-row align-middle">
-						<Icon name="tabler:arrow-left" class="w-6 h-6" />
-						<p class="ml-2">{prevText}</p>
+						<Icon name="tabler:arrow-left" class="h-6 w-6" />
+						<p class="ml-2" data-i18n="pagination.newer">
+							{prevText}
+						</p>
 					</div>
 				</a>
-				<a
-					href={getRelativeLink(nextUrl)}
-					class={`btn btn-ghost px-3 ${
-						!nextUrl ? 'invisible' : ''
-					}`}
-				>
+				<a href={getRelativeLink(nextUrl)} class={`btn btn-ghost px-3 ${!nextUrl ? 'invisible' : ''}`}>
 					<div class="flex flex-row align-middle">
-						<span class="mr-2">{nextText}</span>
-						<Icon name="tabler:arrow-right" class="w-6 h-6" />
+						<span class="mr-2" data-i18n="pagination.older">
+							{nextText}
+						</span>
+						<Icon name="tabler:arrow-right" class="h-6 w-6" />
 					</div>
 				</a>
 			</div>
diff --git a/src/i18n/languages.ts b/src/i18n/languages.ts
index 81f23b7..49345a6 100644
--- a/src/i18n/languages.ts
+++ b/src/i18n/languages.ts
@@ -180,6 +180,10 @@ export const ui = {
 		'blog.prevPost': '上一篇',
 		'blog.nextPost': '下一篇',
 
+		// 分页
+		'pagination.newer': '较新文章',
+		'pagination.older': '较旧文章',
+
 		// 首页 Hero 区域
 		'home.hero.owl': '猫头鹰',
 		'home.hero.lab': '实验室',
@@ -915,6 +919,10 @@ export const ui = {
 		'blog.prevPost': 'Previous',
 		'blog.nextPost': 'Next',
 
+		// Pagination
+		'pagination.newer': 'Newer posts',
+		'pagination.older': 'Older posts',
+
 		// Home Hero Section
 		'home.hero.owl': 'Open Wisdom',
 		'home.hero.lab': 'Lab',