diff --git a/src/BootstrapBlazor.Server/Components/Components/BlazorReconnector.razor b/src/BootstrapBlazor.Server/Components/Components/BlazorReconnector.razor
index 0f002397d22..dcabf70cfd0 100644
--- a/src/BootstrapBlazor.Server/Components/Components/BlazorReconnector.razor
+++ b/src/BootstrapBlazor.Server/Components/Components/BlazorReconnector.razor
@@ -1,4 +1,5 @@
 @inject IOptions<WebsiteOptions> WebsiteOption
+@inject IStringLocalizer<BlazorReconnector> Localizer
 
 <Reconnector>
     <ReconnectingTemplate>
@@ -7,13 +8,13 @@
             <div class="row g-3">
                 @RenderBootstrapBlazor
                 <div class="col-12 col-sm-5">
-                    <h5>Reconnector 组件</h5>
-                    <p><b>正在尝试重新连接服务器</b></p>
-                    <p>服务器正在更新新版本，稍等一会儿即可提供服务，或者 <kbd>F12</kbd> 打开 <b>Developer tools</b> 查看 <b>控制台</b> 是否有错误输出，请扫描左侧二维码加群与管理员联系</p>
+                    <h5>@Localizer["Title"]</h5>
+                    <p><b>@Localizer["ReconnectingTitle"]</b></p>
+                    <p>@((MarkupString)Localizer["ReconnectingDescription"].Value)</p>
                 </div>
                 <div class="col-12 col-sm-2">
                     <div class="d-flex align-items-center justify-content-center h-100">
-                        <a href="javascript:window.Blazor.reconnect()" class="btn btn-primary">重新连接</a>
+                        <a href="javascript:window.Blazor.reconnect()" class="btn btn-primary">@Localizer["ReconnectButton"]</a>
                     </div>
                 </div>
             </div>
@@ -25,14 +26,14 @@
             <div class="row g-3">
                 @RenderBootstrapBlazor
                 <div class="col-12 col-sm-5">
-                    <h5>Reconnector 组件</h5>
-                    <p><b>与服务器连接失败</b></p>
-                    <div>请确认网络是否正常，或者 <kbd>F12</kbd> 打开 <b>Developer tools</b> 查看 <b>控制台</b> 是否有错误输出，请扫描左侧二维码加群与管理员联系</div>
+                    <h5>@Localizer["Title"]</h5>
+                    <p><b>@Localizer["ReconnectFailedTitle"]</b></p>
+                    <div>@((MarkupString)Localizer["ReconnectFailedDescription"].Value)</div>
                 </div>
                 <div class="col-12 col-sm-2">
                     <div class="d-flex flex-column align-items-center justify-content-center h-100">
-                        <a href="javascript:window.Blazor.reconnect()" class="btn btn-primary mb-3">重新连接</a>
-                        <a href="javascript:location.reload()" class="btn btn-info">重新加载</a>
+                        <a href="javascript:window.Blazor.reconnect()" class="btn btn-primary mb-3">@Localizer["ReconnectButton"]</a>
+                        <a href="javascript:location.reload()" class="btn btn-info">@Localizer["ReloadButton"]</a>
                     </div>
                 </div>
             </div>
@@ -44,13 +45,13 @@
             <div class="row g-3">
                 @RenderBootstrapBlazor
                 <div class="col-12 col-sm-5">
-                    <h5>Reconnector 组件</h5>
-                    <p><b>服务器拒绝连接</b></p>
-                    <div>所有的连接尝试都被拒绝了，这很有可能是由于网络问题或者服务器问题引起的，请扫描左侧二维码加群与管理员联系</div>
+                    <h5>@Localizer["Title"]</h5>
+                    <p><b>@Localizer["ReconnectRejectedTitle"]</b></p>
+                    <div>@((MarkupString)Localizer["ReconnectRejectedDescription"].Value)</div>
                 </div>
                 <div class="col-12 col-sm-2">
                     <div class="d-flex flex-column align-items-center justify-content-center h-100">
-                        <a href="javascript:location.reload()" class="btn btn-info">重新加载</a>
+                        <a href="javascript:location.reload()" class="btn btn-info">@Localizer["ReloadButton"]</a>
                     </div>
                 </div>
             </div>
@@ -63,13 +64,13 @@
 
     RenderFragment RenderBootstrapBlazor =>
     @<div class="col-12 col-sm-5">
-        <h5>Bootstrap Blazor UI 组件库</h5>
+        <h5>@Localizer["UILibraryTitle"]</h5>
         <div class="d-flex">
             <div class="flex-fill">
-                <p>一套基于 <b>Bootstrap</b> 样式的企业级 <b>Blazor UI</b> 组件库，支持 Server 与 WebAssembly</p>
-                <p>适配移动端支持各种主流浏览器以及移动端，适配 <b>ABP</b>，同时支持 <b>@WebsiteOption.Value.GetTargets()</b></p>
+                <p>@((MarkupString)Localizer["UILibraryDescription1"].Value)</p>
+                <p>@((MarkupString)string.Format(Localizer["UILibraryDescription2"].Value, WebsiteOption.Value.GetTargets()))</p>
                 <p></p>
-                <div>已提供项目模板方便快速上手 <a class="connection-link" href="@TemplateUrl" target="_blank">项目模板</a></div>
+                <div>@Localizer["TemplateText"] <a class="connection-link" href="@TemplateUrl" target="_blank">@Localizer["TemplateLink"]</a></div>
             </div>
             <img altt="QQ" src="@WebsiteOption.Value.GetAssetUrl("images/QQGroup@2x.png")" alt="QQGroup" />
             <div class="connection-body-tail d-none d-sm-block"></div>
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
index 175480e25da..9afe65914de 100644
--- a/src/BootstrapBlazor.Server/Locales/en-US.json
+++ b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -5992,5 +5992,21 @@
     "NullItemText": "Not Set",
     "ReadonlyColumn": "Readonly Column",
     "True": "Pass"
+  },
+  "BootstrapBlazor.Server.Components.Components.BlazorReconnector": {
+    "Title": "Reconnector Component",
+    "ReconnectingTitle": "Attempting to reconnect to the server",
+    "ReconnectingDescription": "The server is updating to a new version, please wait a moment for service to be available, or press <kbd>F12</kbd> to open <b>Developer tools</b> and check the <b>console</b> for any error output. Please scan the QR code on the left to join the group and contact the administrator",
+    "ReconnectButton": "Reconnect",
+    "ReconnectFailedTitle": "Failed to connect to server",
+    "ReconnectFailedDescription": "Please confirm that your network is working properly, or press <kbd>F12</kbd> to open <b>Developer tools</b> and check the <b>console</b> for any error output. Please scan the QR code on the left to join the group and contact the administrator",
+    "ReloadButton": "Reload",
+    "ReconnectRejectedTitle": "Server rejected connection",
+    "ReconnectRejectedDescription": "All connection attempts have been rejected, which is most likely caused by network or server issues. Please scan the QR code on the left to join the group and contact the administrator",
+    "UILibraryTitle": "Bootstrap Blazor UI Component Library",
+    "UILibraryDescription1": "An enterprise-level <b>Blazor UI</b> component library based on <b>Bootstrap</b> styles, supporting both Server and WebAssembly",
+    "UILibraryDescription2": "Mobile-responsive, supports all major browsers and mobile devices, compatible with <b>ABP</b>, and supports <b>{0}</b>",
+    "TemplateLink": "Project Templates",
+    "TemplateText": "Project templates are provided for quick start"
   }
 }
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
index 972c2fdd5a5..df44111e356 100644
--- a/src/BootstrapBlazor.Server/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -5992,5 +5992,21 @@
     "NullItemText": "未设置",
     "ReadonlyColumn": "只读列",
     "True": "通过"
+  },
+  "BootstrapBlazor.Server.Components.Components.BlazorReconnector": {
+    "Title": "Reconnector 组件",
+    "ReconnectingTitle": "正在尝试重新连接服务器",
+    "ReconnectingDescription": "服务器正在更新新版本，稍等一会儿即可提供服务，或者 <kbd>F12</kbd> 打开 <b>Developer tools</b> 查看 <b>控制台</b> 是否有错误输出，请扫描左侧二维码加群与管理员联系",
+    "ReconnectButton": "重新连接",
+    "ReconnectFailedTitle": "与服务器连接失败",
+    "ReconnectFailedDescription": "请确认网络是否正常，或者 <kbd>F12</kbd> 打开 <b>Developer tools</b> 查看 <b>控制台</b> 是否有错误输出，请扫描左侧二维码加群与管理员联系",
+    "ReloadButton": "重新加载",
+    "ReconnectRejectedTitle": "服务器拒绝连接",
+    "ReconnectRejectedDescription": "所有的连接尝试都被拒绝了，这很有可能是由于网络问题或者服务器问题引起的，请扫描左侧二维码加群与管理员联系",
+    "UILibraryTitle": "Bootstrap Blazor UI 组件库",
+    "UILibraryDescription1": "一套基于 <b>Bootstrap</b> 样式的企业级 <b>Blazor UI</b> 组件库，支持 Server 与 WebAssembly",
+    "UILibraryDescription2": "适配移动端支持各种主流浏览器以及移动端，适配 <b>ABP</b>，同时支持 <b>{0}</b>",
+    "TemplateLink": "项目模板",
+    "TemplateText": "已提供项目模板方便快速上手"
   }
 }