diff --git a/env.d.ts b/env.d.ts
index ad4b636..b54352d 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -7,5 +7,6 @@ declare global {
   interface Window {
     Alpine: Alpine;
     SearchWidget: any;
+    i18nResources: Record<string, string>;
   }
 }
diff --git a/i18n/en.properties b/i18n/en.properties
new file mode 100644
index 0000000..a345ea5
--- /dev/null
+++ b/i18n/en.properties
@@ -0,0 +1,54 @@
+common.previousPage=Previous
+common.nextPage=Next
+common.more=More
+common.all=All
+common.noPosts=No Posts
+common.comment=Comment
+common.edit=Edit
+common.publishedOn=Published on {0}
+common.visitCount={0} Visits
+
+widget.categories.title=Categories
+widget.popularPosts.title=Popular Posts
+widget.tags.title=Tags
+widget.latestComments.title=Latest Comments
+widget.profile.postCount.label=Posts
+widget.profile.categoryCount.label=Categories
+widget.profile.commentCount.label=Comments
+widget.profile.visitCount.label=Visits
+
+page.archives.title=Archives
+page.archives.date={0} / {1}
+page.links.title=Links
+page.moments.title=Moments
+page.photos.title=Photos
+page.tags.title=Tags
+page.tags.morePosts=More Posts
+page.tag.title=Tag: {0}
+page.category.title=Category: {0}
+page.author.title=Author: {0}
+page.error.backToHome=Back to Home
+page.post.toc=Table of Contents
+
+fragment.header.search=Search
+fragment.header.menu=Menu
+fragment.header.console=Console
+fragment.header.logout=Logout
+fragment.header.login=Login
+fragment.layout.toTop=Back to Top
+fragment.tagFilter.allTags=All Tags
+fragment.shareModal.title=Share
+fragment.shareModal.copy=Copy
+fragment.shareModal.copied=Copied
+fragment.postCard.pinned=Pinned
+
+jsModule.colorSchemeSwitcher.dark=Dark
+jsModule.colorSchemeSwitcher.light=Light
+jsModule.colorSchemeSwitcher.auto=Auto
+jsModule.share.qzone=QQ Zone
+jsModule.share.weibo=Weibo
+jsModule.share.douban=Douban
+jsModule.share.wechat=WeChat
+jsModule.share.native=System
+jsModule.share.windowTitle=Share
+jsModule.upvote.networkError=Network request failed, please try again later
diff --git a/i18n/es.properties b/i18n/es.properties
new file mode 100644
index 0000000..5ab5471
--- /dev/null
+++ b/i18n/es.properties
@@ -0,0 +1,54 @@
+common.previousPage=Página Anterior
+common.nextPage=Página Siguiente
+common.more=Más
+common.all=Todo
+common.noPosts=No hay Publicaciones
+common.comment=Comentario
+common.edit=Editar
+common.publishedOn=Publicado el {0}
+common.visitCount={0} Lecturas
+
+widget.categories.title=Categorías
+widget.popularPosts.title=Publicaciones Populares
+widget.tags.title=Etiquetas
+widget.latestComments.title=Últimos Comentarios
+widget.profile.postCount.label=Número de Publicaciones
+widget.profile.categoryCount.label=Número de Categorías
+widget.profile.commentCount.label=Número de Comentarios
+widget.profile.visitCount.label=Visitas
+
+page.archives.title=Archivos
+page.archives.date=Año {0} Mes {1}
+page.links.title=Enlaces
+page.moments.title=Momentos
+page.photos.title=Galería
+page.tags.title=Etiquetas
+page.tags.morePosts=Más Publicaciones
+page.tag.title=Etiqueta: {0}
+page.category.title=Categoría: {0}
+page.author.title=Autor: {0}
+page.error.backToHome=Volver al Inicio
+page.post.toc=Tabla de Contenidos
+
+fragment.header.search=Buscar
+fragment.header.menu=Menú
+fragment.header.console=Consola
+fragment.header.logout=Cerrar Sesión
+fragment.header.login=Iniciar Sesión
+fragment.layout.toTop=Volver Arriba
+fragment.tagFilter.allTags=Todas las Etiquetas
+fragment.shareModal.title=Compartir
+fragment.shareModal.copy=Copiar
+fragment.shareModal.copied=Copiado
+fragment.postCard.pinned=Fijado
+
+jsModule.colorSchemeSwitcher.dark=Oscuro
+jsModule.colorSchemeSwitcher.light=Claro
+jsModule.colorSchemeSwitcher.auto=Seguir Sistema
+jsModule.share.qzone=QQ Zona
+jsModule.share.weibo=Weibo
+jsModule.share.douban=Douban
+jsModule.share.wechat=WeChat
+jsModule.share.native=Compartir del Sistema
+jsModule.share.windowTitle=Compartir
+jsModule.upvote.networkError=Error de red, por favor intente nuevamente más tarde
diff --git a/i18n/zh_CN.properties b/i18n/zh_CN.properties
new file mode 100644
index 0000000..e15fab9
--- /dev/null
+++ b/i18n/zh_CN.properties
@@ -0,0 +1,54 @@
+common.previousPage=上一页
+common.nextPage=上一页
+common.more=更多
+common.all=全部
+common.noPosts=没有文章
+common.comment=评论
+common.edit=编辑
+common.publishedOn=发布于 {0}
+common.visitCount={0} 阅读
+
+widget.categories.title=分类目录
+widget.popularPosts.title=热门文章
+widget.tags.title=标签
+widget.latestComments.title=最新评论
+widget.profile.postCount.label=文章数
+widget.profile.categoryCount.label=分类数
+widget.profile.commentCount.label=评论数
+widget.profile.visitCount.label=访问量
+
+page.archives.title=归档
+page.archives.date={0} 年 {1} 月
+page.links.title=链接
+page.moments.title=瞬间
+page.photos.title=图库
+page.tags.title=标签
+page.tags.morePosts=更多文章
+page.tag.title=标签：{0}
+page.category.title=分类：{0}
+page.author.title=作者：{0}
+page.error.backToHome=返回首页
+page.post.toc=目录
+
+fragment.header.search=搜索
+fragment.header.menu=菜单
+fragment.header.console=控制台
+fragment.header.logout=退出登录
+fragment.header.login=登录
+fragment.layout.toTop=回到顶部
+fragment.tagFilter.allTags=所有标签
+fragment.shareModal.title=分享
+fragment.shareModal.copy=复制
+fragment.shareModal.copied=已复制
+fragment.postCard.pinned=置顶
+
+jsModule.colorSchemeSwitcher.dark=暗色
+jsModule.colorSchemeSwitcher.light=暗色
+jsModule.colorSchemeSwitcher.auto=跟随系统
+jsModule.share.qzone=QQ 空间
+jsModule.share.weibo=微博
+jsModule.share.douban=豆瓣
+jsModule.share.wechat=微信
+jsModule.share.native=系统分享
+jsModule.share.windowTitle=分享
+jsModule.upvote.networkError=网络请求失败，请稍后再试
\ No newline at end of file
diff --git a/i18n/zh_TW.properties b/i18n/zh_TW.properties
new file mode 100644
index 0000000..fcff273
--- /dev/null
+++ b/i18n/zh_TW.properties
@@ -0,0 +1,54 @@
+common.previousPage=上一頁
+common.nextPage=下一頁
+common.more=更多
+common.all=全部
+common.noPosts=沒有文章
+common.comment=評論
+common.edit=編輯
+common.publishedOn=發布於 {0}
+common.visitCount={0} 閱讀
+
+widget.categories.title=分類目錄
+widget.popularPosts.title=熱門文章
+widget.tags.title=標籤
+widget.latestComments.title=最新評論
+widget.profile.postCount.label=文章數
+widget.profile.categoryCount.label=分類數
+widget.profile.commentCount.label=評論數
+widget.profile.visitCount.label=訪問量
+
+page.archives.title=歸檔
+page.archives.date={0} 年 {1} 月
+page.links.title=連結
+page.moments.title=瞬間
+page.photos.title=圖庫
+page.tags.title=標籤
+page.tags.morePosts=更多文章
+page.tag.title=標籤：{0}
+page.category.title=分類：{0}
+page.author.title=作者：{0}
+page.error.backToHome=返回首頁
+page.post.toc=目錄
+
+fragment.header.search=搜索
+fragment.header.menu=菜單
+fragment.header.console=控制台
+fragment.header.logout=退出登入
+fragment.header.login=登入
+fragment.layout.toTop=回到頂部
+fragment.tagFilter.allTags=所有標籤
+fragment.shareModal.title=分享
+fragment.shareModal.copy=複製
+fragment.shareModal.copied=已複製
+fragment.postCard.pinned=置頂
+
+jsModule.colorSchemeSwitcher.dark=暗色
+jsModule.colorSchemeSwitcher.light=亮色
+jsModule.colorSchemeSwitcher.auto=跟隨系統
+jsModule.share.qzone=QQ 空間
+jsModule.share.weibo=微博
+jsModule.share.douban=豆瓣
+jsModule.share.wechat=微信
+jsModule.share.native=系統分享
+jsModule.share.windowTitle=分享
+jsModule.upvote.networkError=網路請求失敗，請稍後再試
diff --git a/src/alpine-data/color-scheme-switcher.ts b/src/alpine-data/color-scheme-switcher.ts
index 256ba36..09e1139 100644
--- a/src/alpine-data/color-scheme-switcher.ts
+++ b/src/alpine-data/color-scheme-switcher.ts
@@ -2,9 +2,9 @@ import { currentColorScheme } from "../main";
 
 export default () => ({
   colorSchemes: [
-    { label: "暗色", value: "dark", icon: "i-gg-moon" },
-    { label: "亮色", value: "light", icon: "i-gg-sun" },
-    { label: "跟随系统", value: "system", icon: "i-gg-dark-mode" },
+    { label: window.i18nResources["jsModule.colorSchemeSwitcher.dark"], value: "dark", icon: "i-gg-moon" },
+    { label: window.i18nResources["jsModule.colorSchemeSwitcher.light"], value: "light", icon: "i-gg-sun" },
+    { label: window.i18nResources["jsModule.colorSchemeSwitcher.auto"], value: "system", icon: "i-gg-dark-mode" },
   ],
   currentValue: currentColorScheme,
   get colorScheme() {
diff --git a/src/alpine-data/share.ts b/src/alpine-data/share.ts
index 73da623..646a1e5 100644
--- a/src/alpine-data/share.ts
+++ b/src/alpine-data/share.ts
@@ -36,35 +36,35 @@ export default (deprecatedShareIds: { id: string }[], shareIds: string[]) => ({
     },
     {
       id: "qzone",
-      name: "QQ空间",
+      name: window.i18nResources["jsModule.share.qzone"],
       icon: "i-simple-icons-qzone",
       type: "url",
       url: `https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={url}&title={title}`,
     },
     {
       id: "weibo",
-      name: "微博",
+      name: window.i18nResources["jsModule.share.weibo"],
       icon: "i-simple-icons-sinaweibo",
       type: "url",
       url: `http://service.weibo.com/share/share.php?url={url}&title={title}`,
     },
     {
       id: "douban",
-      name: "豆瓣",
+      name: window.i18nResources["jsModule.share.douban"],
       icon: "i-simple-icons-douban",
       type: "url",
       url: `https://www.douban.com/share/service?href={url}&name={title}`,
     },
     {
       id: "wechat",
-      name: "微信",
+      name: window.i18nResources["jsModule.share.wechat"],
       icon: "i-simple-icons-wechat",
       type: "url",
       url: `/themes/theme-earth/assets/qrcode-share.html?url={url}`,
     },
     {
       id: "native",
-      name: "系统分享",
+      name: window.i18nResources["jsModule.share.native"],
       icon: "i-tabler-device-desktop",
       type: "native",
     },
@@ -96,7 +96,6 @@ export default (deprecatedShareIds: { id: string }[], shareIds: string[]) => ({
         });
         return;
       }
-      alert("您的浏览器不支持系统分享");
       return;
     }
 
@@ -105,7 +104,11 @@ export default (deprecatedShareIds: { id: string }[], shareIds: string[]) => ({
     const top = window.innerHeight / 2 - height / 2;
     const left = window.innerWidth / 2 - width / 2;
     const windowParams = `width=${width}, height= ${height}, top=${top}, left=${left}, status=no, scrollbars=no, resizable=no`;
-    window.open(pupa(item.url || "", { url: this.permalink, title: this.title }), `分享：${this.title}`, windowParams);
+    window.open(
+      pupa(item.url || "", { url: this.permalink, title: this.title }),
+      `${window.i18nResources["jsModule.share.windowTitle"]} - ${this.title}`,
+      windowParams,
+    );
   },
   handleCopy() {
     navigator.clipboard.writeText(this.permalink);
diff --git a/src/alpine-data/upvote.ts b/src/alpine-data/upvote.ts
index 543ef5c..e5fd8df 100644
--- a/src/alpine-data/upvote.ts
+++ b/src/alpine-data/upvote.ts
@@ -37,7 +37,7 @@ export default (key: string, group: string, plural: string): upvoteState => ({
       upvoteNode.textContent = upvoteCount + 1 + "";
     };
     xhr.onerror = function () {
-      alert("网络请求失败，请稍后再试");
+      alert(window.i18nResources["jsModule.upvote.networkError"]);
     };
     xhr.send(
       JSON.stringify({
diff --git a/templates/archives.html b/templates/archives.html
index 8c1b04a..03677b2 100644
--- a/templates/archives.html
+++ b/templates/archives.html
@@ -1,11 +1,11 @@
 <!doctype html>
 <html
   xmlns:th="https://www.thymeleaf.org"
-  th:replace="~{modules/layout :: html(title = '归档 - ' + ${site.title}, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = '')}"
+  th:replace="~{modules/layout :: html(title = |#{page.archives.title} - ${site.title}|, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = '')}"
 >
   <th:block th:fragment="content">
     <div class="rounded-xl bg-white p-4 dark:bg-slate-800">
-      <h1 class="mb-6 text-2xl font-medium dark:text-slate-50">归档</h1>
+      <h1 class="mb-6 text-2xl font-medium dark:text-slate-50" th:text="#{page.archives.title}"></h1>
       <div class="flex flex-col gap-4">
         <th:block th:each="archive : ${archives.items}">
           <th:block th:each="month : ${archive.months}">
@@ -13,7 +13,7 @@ <h1 class="mb-6 text-2xl font-medium dark:text-slate-50">归档</h1>
               <div class="col-span-12 sm:col-span-3">
                 <h2
                   class="sticky top-20 mt-2 text-lg font-medium dark:text-slate-50"
-                  th:text="|${archive.year} 年 ${month.month} 月|"
+                  th:text="#{page.archives.date(${archive.year},${month.month})}"
                 ></h2>
               </div>
               <div class="col-span-12 sm:col-span-9">
@@ -71,7 +71,7 @@ <h1 class="mb-6 text-2xl font-medium dark:text-slate-50">归档</h1>
       </div>
 
       <div th:if="${archives.total == 0}" class="mt-6 flex items-center justify-center">
-        <span class="text-sm font-light text-gray-600">当前没有文章</span>
+        <span class="text-sm font-light text-gray-600" th:text="#{common.noPosts}"></span>
       </div>
 
       <div class="mt-6 flex items-center justify-between" th:if="${archives.hasPrevious() || archives.hasNext()}">
@@ -80,7 +80,7 @@ <h1 class="mb-6 text-2xl font-medium dark:text-slate-50">归档</h1>
           class="whitespace-no-wrap group inline-flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-white px-4 py-1 text-sm font-medium leading-6 text-gray-600 shadow-sm hover:bg-gray-50 focus:shadow-none focus:outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white"
         >
           <span class="i-tabler-arrow-left text-lg transition-all group-hover:-translate-x-1"></span>
-          <span>上一页</span>
+          <span th:text="#{common.previousPage}"></span>
         </a>
         <span
           class="text-sm text-gray-900 dark:text-slate-50"
@@ -90,7 +90,7 @@ <h1 class="mb-6 text-2xl font-medium dark:text-slate-50">归档</h1>
           th:href="@{${archives.nextUrl}}"
           class="whitespace-no-wrap group inline-flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-white px-4 py-1 text-sm font-medium leading-6 text-gray-600 shadow-sm hover:bg-gray-50 focus:shadow-none focus:outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white"
         >
-          <span>下一页</span>
+          <span th:text="#{common.nextPage}"></span>
           <span class="i-tabler-arrow-right text-lg transition-all group-hover:translate-x-1"></span>
         </a>
       </div>
diff --git a/templates/author.html b/templates/author.html
index 16ede04..048bde2 100644
--- a/templates/author.html
+++ b/templates/author.html
@@ -1,11 +1,11 @@
 <!doctype html>
 <html
   xmlns:th="https://www.thymeleaf.org"
-  th:replace="~{modules/layout :: html(title = |作者：${author.spec.displayName} - ${site.title}|, hero = ~{::hero}, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = null)}"
+  th:replace="~{modules/layout :: html(title = |#{page.author.title(${author.spec.displayName})} - ${site.title}|, hero = ~{::hero}, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = null)}"
 >
   <th:block th:fragment="hero">
     <th:block
-      th:replace="~{modules/hero :: hero(isHome = false, cover = ${theme.config.layout.header_background_image}, title = |作者：${author.spec.displayName}|)}"
+      th:replace="~{modules/hero :: hero(isHome = false, cover = ${theme.config.layout.header_background_image}, title = #{page.author.title(${author.spec.displayName})})}"
     />
   </th:block>
   <th:block th:fragment="content">
@@ -24,25 +24,11 @@
     </div>
 
     <div th:if="${posts.total == 0}" class="mt-6 flex items-center justify-center">
-      <span class="text-sm font-light text-gray-600 dark:text-slate-200">此分类下没有文章</span>
+      <span class="text-sm font-light text-gray-600 dark:text-slate-200" th:text="#{common.noPosts}"></span>
     </div>
 
-    <div class="mt-6 flex items-center justify-between" th:if="${posts.hasPrevious() || posts.hasNext()}">
-      <a
-        th:href="@{${posts.prevUrl}}"
-        class="whitespace-no-wrap group inline-flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-white px-4 py-1 text-sm font-medium leading-6 text-gray-600 shadow-sm hover:bg-gray-50 focus:shadow-none focus:outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white"
-      >
-        <span class="i-tabler-arrow-left text-lg transition-all group-hover:-translate-x-1"></span>
-        <span>上一页</span>
-      </a>
-      <span class="text-sm text-gray-900 dark:text-slate-50" th:text="|${posts.page} / ${posts.totalPages}|"></span>
-      <a
-        th:href="@{${posts.nextUrl}}"
-        class="whitespace-no-wrap group inline-flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-white px-4 py-1 text-sm font-medium leading-6 text-gray-600 shadow-sm hover:bg-gray-50 focus:shadow-none focus:outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white"
-      >
-        <span>下一页</span>
-        <span class="i-tabler-arrow-right text-lg transition-all group-hover:translate-x-1"></span>
-      </a>
-    </div>
+    <th:block
+      th:replace="~{modules/pagination :: pagination(context = |${author.status.permalink}/|, prevUrl = ${posts.prevUrl}, nextUrl = ${posts.nextUrl}, totalPages = ${posts.totalPages}, page = ${posts.page}, hasPrevious = ${posts.hasPrevious()}, hasNext = ${posts.hasNext()})}"
+    />
   </th:block>
 </html>
diff --git a/templates/category.html b/templates/category.html
index 21667d0..a3bc79b 100644
--- a/templates/category.html
+++ b/templates/category.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html
   xmlns:th="https://www.thymeleaf.org"
-  th:replace="~{modules/layout :: html(title = '分类：' + ${category.spec.displayName} + ' - ' + ${site.title}, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = null)}"
+  th:replace="~{modules/layout :: html(title = |#{page.category.title(${category.spec.displayName})} - ${site.title}|, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = null)}"
 >
   <th:block th:fragment="content">
     <th:block th:replace="~{modules/category-filter}" />
@@ -21,7 +21,7 @@
     </div>
 
     <div th:if="${posts.total == 0}" class="mt-6 flex items-center justify-center">
-      <span class="text-sm font-light text-gray-600 dark:text-slate-200">此分类下没有文章</span>
+      <span class="text-sm font-light text-gray-600 dark:text-slate-200" th:text="#{common.noPosts}"></span>
     </div>
 
     <th:block
diff --git a/templates/error/error.html b/templates/error/error.html
index f0f0880..a790af3 100644
--- a/templates/error/error.html
+++ b/templates/error/error.html
@@ -18,7 +18,7 @@ <h2 class="mb-8 text-9xl font-extrabold dark:text-gray-600" th:text="${error.sta
             class="whitespace-no-wrap group inline-flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-white px-4 py-1 text-sm font-medium leading-6 text-gray-600 shadow-sm hover:bg-gray-50 focus:shadow-none focus:outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white"
           >
             <span class="i-tabler-arrow-left text-lg transition-all group-hover:-translate-x-1"></span>
-            <span>返回首页</span>
+            <span th:text="#{page.error.backToHome}"></span>
           </a>
         </div>
       </div>
diff --git a/templates/index.html b/templates/index.html
index 193dab7..7ad5475 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -21,7 +21,7 @@
     </div>
 
     <div th:if="${posts.total == 0}" class="mt-6 flex items-center justify-center">
-      <span class="text-sm font-light text-gray-600">当前没有文章</span>
+      <span class="text-sm font-light text-gray-600" th:text="#{common.noPosts}"></span>
     </div>
 
     <th:block
diff --git a/templates/links.html b/templates/links.html
index 84619e6..9f7daf1 100644
--- a/templates/links.html
+++ b/templates/links.html
@@ -1,11 +1,11 @@
 <!doctype html>
 <html
   xmlns:th="https://www.thymeleaf.org"
-  th:replace="~{modules/layout :: html(title = '链接 - ' + ${site.title}, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = '')}"
+  th:replace="~{modules/layout :: html(title = |#{page.links.title} - ${site.title}|, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = '')}"
 >
   <th:block th:fragment="content">
     <div class="rounded-xl bg-white p-4 dark:bg-slate-800">
-      <h1 class="mb-3 text-2xl font-medium dark:text-slate-50">链接</h1>
+      <h1 class="mb-3 text-2xl font-medium dark:text-slate-50" th:text="#{page.links.title}"></h1>
       <div class="flex flex-col gap-4">
         <th:block th:each="group : ${groups}">
           <h2 class="mt-2 text-lg font-medium dark:text-slate-50" th:text="${group.spec.displayName}"></h2>
diff --git a/templates/modules/category-filter.html b/templates/modules/category-filter.html
index df6c836..a691f94 100644
--- a/templates/modules/category-filter.html
+++ b/templates/modules/category-filter.html
@@ -5,7 +5,7 @@
       class="inline-flex cursor-pointer items-center rounded px-3 py-1 font-medium text-gray-500 transition-all hover:bg-gray-100 hover:text-gray-900 hover:shadow-sm dark:text-slate-200 dark:hover:bg-slate-700 dark:hover:text-slate-50"
       th:classappend="${category == null} ? '!text-gray-900 !bg-gray-100 dark:!bg-slate-700 dark:!text-slate-50'"
     >
-      <span class="truncate text-base"> 全部 </span>
+      <span class="truncate text-base" th:text="#{common.all}"> </span>
     </a>
   </li>
   <th:block th:with="categories = ${categoryFinder.listAsTree()}">
diff --git a/templates/modules/featured-post-card.html b/templates/modules/featured-post-card.html
index bab1e3b..6eb5dfa 100644
--- a/templates/modules/featured-post-card.html
+++ b/templates/modules/featured-post-card.html
@@ -64,7 +64,7 @@
       ></a>
       <span
         class="text-sm tabular-nums text-gray-600 dark:text-slate-300"
-        th:text="|发布于 ${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}|"
+        th:text="#{common.publishedOn(${#dates.format(post.spec.publishTime,'yyyy-MM-dd')})}"
       >
       </span>
     </div>
diff --git a/templates/modules/header.html b/templates/modules/header.html
index 4ad7391..f2ed405 100644
--- a/templates/modules/header.html
+++ b/templates/modules/header.html
@@ -75,14 +75,13 @@
             class="cursor-pointer text-lg text-gray-600 transition-all hover:text-blue-600 dark:text-slate-100"
             :class="colorScheme.icon"
             @click="[main.setColorScheme(nextColorScheme.value,true), currentValue = nextColorScheme.value]"
-            :title="`当前主题：${colorScheme.label}，点击切换为：${nextColorScheme.label}`"
           ></div>
         </li>
         <!-- https://github.com/halo-sigs/plugin-search-widget -->
         <li th:if="${pluginFinder.available('PluginSearchWidget')}">
           <a
             href="javascript:SearchWidget.open()"
-            title="搜索"
+            th:title="#{fragment.header.search}"
             class="text-gray-600 hover:text-blue-600 dark:text-slate-100"
           >
             <div class="i-tabler-search text-lg"></div>
@@ -123,8 +122,8 @@
                   class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300"
                   href="/console"
                   target="_blank"
+                  th:text="#{fragment.header.console}"
                 >
-                  控制台
                 </a>
               </li>
               <li
@@ -134,8 +133,8 @@
                 <a
                   class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300"
                   href="/logout"
+                  th:text="#{fragment.header.logout}"
                 >
-                  退出登录
                 </a>
               </li>
               <li
@@ -146,8 +145,8 @@
                   class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300"
                   href="/login"
                   onclick="this.href = '/login?redirect_uri=' + encodeURIComponent(window.location.href)"
+                  th:text="#{fragment.header.login}"
                 >
-                  登录
                 </a>
               </li>
             </ul>
@@ -187,7 +186,7 @@
           tabindex="0"
           @click="open = false"
         ></button>
-        <h2 class="text-sm font-medium text-gray-600 dark:text-slate-300">菜单</h2>
+        <h2 class="text-sm font-medium text-gray-600 dark:text-slate-300" th:text="#{fragment.header.menu}"></h2>
       </div>
       <nav class="mt-6">
         <ul class="-my-2 divide-y divide-gray-100 text-sm text-gray-800 dark:divide-slate-800 dark:text-slate-100">
diff --git a/templates/modules/layout.html b/templates/modules/layout.html
index 24621a1..317f6eb 100644
--- a/templates/modules/layout.html
+++ b/templates/modules/layout.html
@@ -7,6 +7,20 @@
     <title th:text="${title}"></title>
     <link th:unless="${#strings.isEmpty(site.logo)}" rel="preload" th:href="${site.logo}" as="image" />
     <link rel="stylesheet" th:href="@{/assets/dist/style.css?v={version}(version=${theme.spec.version})}" />
+    <script th:inline="javascript">
+      window.i18nResources = {
+        "jsModule.colorSchemeSwitcher.dark": `[(#{jsModule.colorSchemeSwitcher.dark})]`,
+        "jsModule.colorSchemeSwitcher.light": `[(#{jsModule.colorSchemeSwitcher.light})]`,
+        "jsModule.colorSchemeSwitcher.auto": `[(#{jsModule.colorSchemeSwitcher.auto})]`,
+        "jsModule.share.qzone": `[(#{jsModule.share.qzone})]`,
+        "jsModule.share.weibo": `[(#{jsModule.share.weibo})]`,
+        "jsModule.share.douban": `[(#{jsModule.share.douban})]`,
+        "jsModule.share.wechat": `[(#{jsModule.share.wechat})]`,
+        "jsModule.share.native": `[(#{jsModule.share.native})]`,
+        "jsModule.share.windowTitle": `[(#{jsModule.share.windowTitle})]`,
+        "jsModule.upvote.networkError": `[(#{jsModule.upvote.networkError})]`,
+      };
+    </script>
     <script th:src="@{/assets/dist/main.iife.js?v={version}(version=${theme.spec.version})}"></script>
     <th:block th:if="${head != null}">
       <th:block th:replace="${head}" />
@@ -46,7 +60,7 @@
       th:if="${theme.config.global.show_scroll_button}"
       type="button"
       id="btn-scroll-to-top"
-      aria-label="回到顶部"
+      th:aria-label="#{fragment.layout.toTop}"
       class="fixed bottom-5 right-5 flex items-center justify-center rounded-full bg-white p-3 opacity-0 shadow transition-all duration-300 hover:opacity-70 hover:shadow-lg dark:bg-slate-600 lg:bottom-10 lg:right-10"
     >
       <span class="i-tabler-chevron-up text-2xl text-gray-600 dark:text-slate-200"></span>
diff --git a/templates/modules/pagination.html b/templates/modules/pagination.html
index df7b664..65d00d8 100644
--- a/templates/modules/pagination.html
+++ b/templates/modules/pagination.html
@@ -6,7 +6,7 @@
       th:classappend="${!hasPrevious ? 'pointer-events-none opacity-60' : ''}"
     >
       <span class="i-tabler-arrow-left text-lg transition-all group-hover:-translate-x-1"></span>
-      <span>上一页</span>
+      <span th:text="#{common.previousPage}"></span>
     </a>
     <select id="pagination" class="bg-transparent text-sm text-gray-900 outline-none dark:text-slate-50">
       <option
@@ -21,7 +21,7 @@
       class="whitespace-no-wrap group inline-flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-white px-4 py-1 text-sm font-medium leading-6 text-gray-600 shadow-sm hover:bg-gray-50 focus:shadow-none focus:outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white"
       th:classappend="${!hasNext ? 'pointer-events-none opacity-60' : ''}"
     >
-      <span>下一页</span>
+      <span th:text="#{common.nextPage}"></span>
       <span class="i-tabler-arrow-right text-lg transition-all group-hover:translate-x-1"></span>
     </a>
   </div>
diff --git a/templates/modules/post-card.html b/templates/modules/post-card.html
index 37a94e0..a679df7 100644
--- a/templates/modules/post-card.html
+++ b/templates/modules/post-card.html
@@ -20,7 +20,7 @@
         th:classappend="${animation} ? 'group-hover:scale-105'"
       />
     </a>
-    <div th:if="${post.spec.pinned}" class="absolute !left-2 !top-1.5" title="置顶">
+    <div th:if="${post.spec.pinned}" class="absolute !left-2 !top-1.5" th:title="#{fragment.postCard.pinned}">
       <div class="i-bx-arrow-to-top !size-5 text-sky-600"></div>
     </div>
   </div>
@@ -81,7 +81,7 @@
       ></a>
       <span
         class="text-sm tabular-nums text-gray-600 dark:text-slate-300"
-        th:text="|发布于 ${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}|"
+        th:text="#{common.publishedOn(${#dates.format(post.spec.publishTime,'yyyy-MM-dd')})}"
       >
       </span>
     </div>
diff --git a/templates/modules/share-modal.html b/templates/modules/share-modal.html
index ee8ae93..1d39298 100644
--- a/templates/modules/share-modal.html
+++ b/templates/modules/share-modal.html
@@ -27,7 +27,7 @@
           @click.outside="shareModal = false"
           class="relative my-4 transform overflow-hidden rounded-lg bg-white p-4 text-left shadow-xl transition-all dark:bg-slate-800 dark:text-slate-100 sm:w-full sm:max-w-xl"
         >
-          <h1 class="text-lg font-semibold">分享</h1>
+          <h1 class="text-lg font-semibold" th:text="#{fragment.shareModal.title}"></h1>
           <div class="my-8">
             <div class="grid grid-cols-5 gap-6 sm:grid-cols-6">
               <template x-for="item in activeShareItems">
@@ -53,7 +53,7 @@ <h1 class="text-lg font-semibold">分享</h1>
                 <div
                   class="flex-none cursor-pointer select-none text-sm text-gray-600 hover:text-gray-900 dark:text-slate-400 dark:hover:text-slate-500"
                   @click="handleCopy"
-                  x-text="copied ? '已复制':'复制'"
+                  th:attr="x-text=|copied ? '#{fragment.shareModal.copied}' : '#{fragment.shareModal.copy}'|"
                 ></div>
               </div>
             </div>
diff --git a/templates/modules/tag-filter.html b/templates/modules/tag-filter.html
index 749392f..639638d 100644
--- a/templates/modules/tag-filter.html
+++ b/templates/modules/tag-filter.html
@@ -1,7 +1,7 @@
 <div class="flex flex-col gap-4">
   <h2 class="inline-flex items-center gap-2 text-base text-gray-900 dark:text-slate-50">
     <span class="i-tabler-tags text-lg"></span>
-    所有标签
+    <th:block th:text="#{fragment.tagFilter.allTags}"></th:block>
   </h2>
   <div class="flex flex-wrap gap-2" th:with="tags = ${tagFinder.listAll()}">
     <a
diff --git a/templates/modules/widgets/categories.html b/templates/modules/widgets/categories.html
index e2164da..4426403 100644
--- a/templates/modules/widgets/categories.html
+++ b/templates/modules/widgets/categories.html
@@ -3,7 +3,7 @@
 >
   <h2 class="inline-flex items-center gap-2 text-base dark:text-slate-50">
     <span class="i-tabler-category text-lg"></span>
-    分类目录
+    <th:block th:text="#{widget.categories.title}"></th:block>
   </h2>
   <div class="mt-2" th:with="categories = ${categoryFinder.listAsTree()}">
     <ul class="space-y-1">
diff --git a/templates/modules/widgets/latest-comments.html b/templates/modules/widgets/latest-comments.html
index 095e863..7d6db04 100644
--- a/templates/modules/widgets/latest-comments.html
+++ b/templates/modules/widgets/latest-comments.html
@@ -3,7 +3,7 @@
 >
   <h2 class="inline-flex items-center gap-2 text-base dark:text-slate-50">
     <span class="i-tabler-message-circle text-lg"></span>
-    最新评论
+    <th:block th:text="#{widget.latestComments.title}"></th:block>
   </h2>
   <div>
     <ul role="list" class="divide-y divide-gray-100 dark:divide-slate-700">
diff --git a/templates/modules/widgets/popular-posts.html b/templates/modules/widgets/popular-posts.html
index f46c029..eeb874e 100644
--- a/templates/modules/widgets/popular-posts.html
+++ b/templates/modules/widgets/popular-posts.html
@@ -3,7 +3,7 @@
 >
   <h2 class="inline-flex items-center gap-2 text-base dark:text-slate-50">
     <span class="i-tabler-stairs-up text-lg text-red-600 dark:text-red-700"></span>
-    热门文章
+    <th:block th:text="#{widget.popularPosts.title}"></th:block>
   </h2>
   <div>
     <ul
@@ -19,7 +19,7 @@ <h3 class="line-clamp-2 text-sm font-medium hover:text-gray-500 hover:underline
             </h3>
             <p
               class="text-xs tabular-nums text-gray-500 dark:text-slate-400"
-              th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')+' 发布'}"
+              th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}"
             ></p>
           </div>
           <div class="inline-flex items-center gap-1 text-xs text-gray-600 dark:text-slate-500">
diff --git a/templates/modules/widgets/profile.html b/templates/modules/widgets/profile.html
index 92ace4f..d36a7a0 100644
--- a/templates/modules/widgets/profile.html
+++ b/templates/modules/widgets/profile.html
@@ -19,25 +19,37 @@
     <div class="grid grid-cols-4 gap-5">
       <div class="inline-flex flex-col items-center">
         <span class="text-xl font-medium tabular-nums text-gray-900 dark:text-slate-100" th:text="${stats.post}"></span>
-        <span class="text-xs font-light text-gray-600 dark:text-slate-300">文章数</span>
+        <span
+          class="text-xs font-light text-gray-600 dark:text-slate-300"
+          th:text="#{widget.profile.postCount.label}"
+        ></span>
       </div>
       <div class="inline-flex flex-col items-center">
         <span
           class="text-xl font-medium tabular-nums text-gray-900 dark:text-slate-100"
           th:text="${stats.category}"
         ></span>
-        <span class="text-xs font-light text-gray-600 dark:text-slate-300">分类数</span>
+        <span
+          class="text-xs font-light text-gray-600 dark:text-slate-300"
+          th:text="#{widget.profile.categoryCount.label}"
+        ></span>
       </div>
       <div class="inline-flex flex-col items-center">
         <span
           class="text-xl font-medium tabular-nums text-gray-900 dark:text-slate-100"
           th:text="${stats.comment}"
         ></span>
-        <span class="text-xs font-light text-gray-600 dark:text-slate-300">评论数</span>
+        <span
+          class="text-xs font-light text-gray-600 dark:text-slate-300"
+          th:text="#{widget.profile.commentCount.label}"
+        ></span>
       </div>
       <div class="inline-flex flex-col items-center">
         <span class="text-xl font-medium tabular-nums text-gray-900 dark:text-slate-100" th:text="${stats.visit}"></span
-        ><span class="text-xs font-light text-gray-600 dark:text-slate-300">访问量</span>
+        ><span
+          class="text-xs font-light text-gray-600 dark:text-slate-300"
+          th:text="#{widget.profile.visitCount.label}"
+        ></span>
       </div>
     </div>
     <div
diff --git a/templates/modules/widgets/tags.html b/templates/modules/widgets/tags.html
index a14ebef..d3c052c 100644
--- a/templates/modules/widgets/tags.html
+++ b/templates/modules/widgets/tags.html
@@ -4,13 +4,13 @@
   <div class="flex items-center justify-between">
     <h2 class="inline-flex items-center gap-2 text-base dark:text-slate-50">
       <span class="i-tabler-tags text-lg"></span>
-      标签
+      <th:block th:text="#{widget.tags.title}"></th:block>
     </h2>
     <a
       class="group inline-flex items-center gap-2 text-sm text-gray-600 transition-all hover:text-gray-900 dark:text-slate-400 dark:hover:text-slate-300"
       th:href="@{/tags}"
     >
-      <span>更多</span>
+      <span th:text="#{common.more}"></span>
       <span class="i-tabler-chevron-right -translate-x-1 text-lg transition-all group-hover:translate-x-0"></span>
     </a>
   </div>
diff --git a/templates/moments.html b/templates/moments.html
index 76ddec2..0990241 100644
--- a/templates/moments.html
+++ b/templates/moments.html
@@ -1,11 +1,11 @@
 <!doctype html>
 <html
   xmlns:th="https://www.thymeleaf.org"
-  th:replace="~{modules/layout :: html(title = '瞬间 - ' + ${site.title}, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = '')}"
+  th:replace="~{modules/layout :: html(title = |#{page.moments.title} - ${site.title}|, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = '')}"
 >
   <th:block th:fragment="content">
     <div class="rounded-xl bg-white p-4 dark:bg-slate-800">
-      <h1 class="mb-9 text-2xl font-medium dark:text-slate-50">瞬间</h1>
+      <h1 class="mb-9 text-2xl font-medium dark:text-slate-50" th:text="#{page.moments.title}"></h1>
       <div class="mb-8">
         <nav class="flex flex-wrap gap-4" aria-label="Tabs">
           <a
@@ -13,7 +13,7 @@ <h1 class="mb-9 text-2xl font-medium dark:text-slate-50">瞬间</h1>
             class="rounded bg-gray-100 px-1 py-0.5 text-sm text-gray-900 hover:bg-gray-200 dark:bg-slate-600 dark:text-slate-50 dark:hover:bg-slate-700 dark:hover:text-slate-100"
             th:classappend="${#lists.isEmpty(param.tag) ? '!bg-gray-200 dark:!bg-slate-700 dark:!text-slate-100 ring-2 ring-gray-300 dark:ring-slate-600' : ''}"
           >
-            <span>全部</span>
+            <span th:text="#{common.all}"></span>
           </a>
           <a
             th:each="tag : ${tags}"
diff --git a/templates/page.html b/templates/page.html
index 42a3e4d..7f0199b 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -45,9 +45,9 @@ <h1 class="text-center text-2xl text-white sm:text-5xl" th:text="${singlePage.sp
               th:title="${singlePage.owner.displayName}"
             ></a>
             <div class="flex items-center gap-2 text-xs font-light text-gray-600 dark:text-slate-100">
-              <span th:text="|发布于 ${#dates.format(singlePage.spec.publishTime,'yyyy-MM-dd')}|"></span>
+              <span th:text="#{common.publishedOn(${#dates.format(singlePage.spec.publishTime,'yyyy-MM-dd')})}"></span>
               <span class="text-gray-300 dark:text-slate-200">/</span>
-              <span th:text="|${singlePage.stats?.visit ?:0} 阅读|"></span>
+              <span th:text="#{common.visitCount(${singlePage.stats?.visit ?:0})}"></span>
             </div>
           </div>
         </div>
@@ -64,7 +64,7 @@ <h1 class="text-center text-2xl text-white sm:text-5xl" th:text="${singlePage.sp
                 class="inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md border border-gray-200 bg-white px-4 py-1 text-sm font-medium leading-6 text-gray-600 shadow-sm hover:bg-gray-50 focus:shadow-none focus:outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white"
               >
                 <span class="i-tabler-edit text-lg transition-all group-hover:-translate-x-1"></span>
-                <span>编辑</span>
+                <span th:text="#{common.edit}"></span>
               </a>
             </template>
           </div>
@@ -105,7 +105,7 @@ <h1 class="text-center text-2xl text-white sm:text-5xl" th:text="${singlePage.sp
       ></article>
       <hr th:if="${haloCommentEnabled}" class="my-10 dark:border-slate-700" />
       <div id="comment" th:if="${haloCommentEnabled}">
-        <h2 class="mb-2 text-base font-medium text-gray-900 dark:text-slate-50">评论</h2>
+        <h2 class="mb-2 text-base font-medium text-gray-900 dark:text-slate-50" th:text="#{common.comment}"></h2>
         <halo:comment group="content.halo.run" kind="SinglePage" th:attr="name=${singlePage.metadata.name}" />
       </div>
     </div>
diff --git a/templates/photos.html b/templates/photos.html
index f4c1c97..492c023 100644
--- a/templates/photos.html
+++ b/templates/photos.html
@@ -1,11 +1,11 @@
 <!doctype html>
 <html
   xmlns:th="https://www.thymeleaf.org"
-  th:replace="~{modules/layout :: html(title = '图库 - ' + ${site.title}, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = '')}"
+  th:replace="~{modules/layout :: html(title = |#{page.photos.title} - ${site.title}|, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = '')}"
 >
   <th:block th:fragment="content">
     <div class="rounded-xl bg-white p-4 dark:bg-slate-800">
-      <h1 class="mb-9 text-2xl font-medium dark:text-slate-50">图库</h1>
+      <h1 class="mb-9 text-2xl font-medium dark:text-slate-50" th:text="#{page.photos.title}"></h1>
       <div class="mb-8">
         <nav class="flex flex-wrap gap-4" aria-label="Tabs">
           <a
@@ -13,7 +13,7 @@ <h1 class="mb-9 text-2xl font-medium dark:text-slate-50">图库</h1>
             class="rounded bg-gray-100 px-1 py-0.5 text-sm text-gray-900 hover:bg-gray-200 dark:bg-slate-600 dark:text-slate-50 dark:hover:bg-slate-700 dark:hover:text-slate-100"
             th:classappend="${#lists.isEmpty(param.group) ? '!bg-gray-200 dark:!bg-slate-700 dark:!text-slate-100 ring-2 ring-gray-300 dark:ring-slate-600' : ''}"
           >
-            <span>全部</span>
+            <span th:text="#{common.all}"></span>
           </a>
           <a
             th:each="group : ${photoFinder.groupBy()}"
diff --git a/templates/post.html b/templates/post.html
index d179dfa..4f78382 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -37,7 +37,7 @@ <h1 class="text-center text-2xl text-white sm:text-5xl" th:text="${post.spec.tit
     >
       <h2 class="inline-flex items-center gap-2 text-base dark:text-slate-50">
         <span class="i-tabler-list text-lg"></span>
-        目录
+        <th:block th:text="#{page.post.toc}"></th:block>
       </h2>
       <div class="toc mt-2 max-h-64 overflow-auto"></div>
     </div>
@@ -67,9 +67,9 @@ <h2 class="inline-flex items-center gap-2 text-base dark:text-slate-50">
               th:text="${post.owner.displayName}"
             ></a>
             <div class="flex items-center gap-2 text-xs font-light text-gray-600 dark:text-slate-100">
-              <span th:text="|发布于 ${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}|"></span>
+              <span th:text="#{common.publishedOn(${#dates.format(post.spec.publishTime,'yyyy-MM-dd')})}"></span>
               <span class="text-gray-300 dark:text-slate-200">/</span>
-              <span th:text="|${post.stats?.visit ?:0} 阅读|"></span>
+              <span th:text="#{common.visitCount(${post.stats?.visit ?:0})}"></span>
             </div>
           </div>
         </div>
@@ -86,7 +86,7 @@ <h2 class="inline-flex items-center gap-2 text-base dark:text-slate-50">
                 class="inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md border border-gray-200 bg-white px-4 py-1 text-sm font-medium leading-6 text-gray-600 shadow-sm hover:bg-gray-50 focus:shadow-none focus:outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white"
               >
                 <span class="i-tabler-edit text-lg transition-all group-hover:-translate-x-1"></span>
-                <span>编辑</span>
+                <span th:text="#{common.edit}"></span>
               </a>
             </template>
           </div>
@@ -195,7 +195,7 @@ <h2 class="inline-flex items-center gap-2 text-base dark:text-slate-50">
       </div>
       <hr th:if="${haloCommentEnabled}" class="my-10 dark:border-slate-700" />
       <div id="comment" th:if="${haloCommentEnabled}">
-        <h2 class="mb-2 text-base font-medium text-gray-900 dark:text-slate-50">评论</h2>
+        <h2 class="mb-2 text-base font-medium text-gray-900 dark:text-slate-50" th:text="#{common.comment}"></h2>
         <halo:comment group="content.halo.run" kind="Post" th:attr="name=${post.metadata.name}" />
       </div>
     </div>
diff --git a/templates/tag.html b/templates/tag.html
index 0de32b7..8c6ba84 100644
--- a/templates/tag.html
+++ b/templates/tag.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html
   xmlns:th="https://www.thymeleaf.org"
-  th:replace="~{modules/layout :: html(title = '标签：' + ${tag.spec.displayName} + ' - ' + ${site.title}, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = null)}"
+  th:replace="~{modules/layout :: html(title = |#{page.tag.title(${tag.spec.displayName})} - ${site.title}|, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = null)}"
 >
   <th:block th:fragment="content">
     <div class="rounded-xl bg-white p-4 shadow transition-all duration-500 hover:shadow-md dark:bg-slate-800">
@@ -23,7 +23,7 @@
     </div>
 
     <div th:if="${posts.total == 0}" class="mt-6 flex items-center justify-center">
-      <span class="text-sm font-light text-gray-600 dark:text-slate-200">此标签下没有文章</span>
+      <span class="text-sm font-light text-gray-600 dark:text-slate-200" th:text="#{common.noPosts}"></span>
     </div>
 
     <th:block
diff --git a/templates/tags.html b/templates/tags.html
index f370cc8..0e7d982 100644
--- a/templates/tags.html
+++ b/templates/tags.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html
   xmlns:th="https://www.thymeleaf.org"
-  th:replace="~{modules/layout :: html(title = '标签 - ' + ${site.title}, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = null)}"
+  th:replace="~{modules/layout :: html(title = |#{page.tags.title} - ${site.title}|, hero = null, content = ~{::content}, head = null, footer = null, sidebar = null, contentClass = null)}"
 >
   <th:block th:fragment="content">
     <div class="rounded-xl bg-white p-4 shadow transition-all duration-500 hover:shadow-md dark:bg-slate-800">
@@ -25,7 +25,7 @@
         </div>
 
         <div th:if="${posts.total == 0}" class="mt-6 flex items-center justify-center">
-          <span class="text-sm font-light text-gray-600 dark:text-slate-200">此标签下没有文章</span>
+          <span class="text-sm font-light text-gray-600 dark:text-slate-200" th:text="#{common.noPosts}"></span>
         </div>
 
         <div th:if="${posts.total gt 10}" class="mt-10 flex justify-end">
@@ -33,7 +33,7 @@
             class="group inline-flex items-center gap-2 truncate text-sm text-gray-600 hover:text-gray-900 dark:text-slate-100 dark:hover:text-slate-200"
             th:href="@{${tag.status.permalink}}"
           >
-            <span>更多文章</span>
+            <span th:text="#{page.tags.morePosts}"></span>
             <span class="i-tabler-chevron-right -translate-x-1 text-lg transition-all group-hover:translate-x-0"></span>
           </a>
         </div>