fix the issue of language switch

docusaurus.config.js

@@ -136,7 +136,7 @@ const config = {
               },
               {
                 label: 'News',
-                to: 'news',
+                to: '/news',
               },
               {
                 label: 'Customer Stories',

i18n/zh-CN/docusaurus-plugin-content-pages/news/index.mdx

@@ -5,6 +5,7 @@ hide_table_of_contents: true
 
 import { useState, useCallback, useMemo } from 'react';
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import Link from '@docusaurus/Link';
 
 export const NewsData = [
   {
@@ -13,7 +14,7 @@ export const NewsData = [
     date: "2025-12-18",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-v5-1-released",
+    link: "/news/ivorysql-v5-1-released",
     img: "/img/news/ivorysql-v5-1-released.png"
   },
   {
@@ -22,7 +23,7 @@ export const NewsData = [
     date: "2025-11-25",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-v5-0-released",
+    link: "/news/ivorysql-v5-0-released",
     img: "/img/news/ivorysql-v5-0-released.png"
   },
   {
@@ -31,7 +32,7 @@ export const NewsData = [
     date: "2025-11-13",
     category: "community",
     categoryLabel: "社区动态",
-    link: "/zh-cn/news/ivorysql-ospp-2025",
+    link: "/news/ivorysql-ospp-2025",
     img: "/img/news/ivorysql-ospp-2025.png"
   },
   {
@@ -40,7 +41,7 @@ export const NewsData = [
     date: "2025-10-20",
     category: "community",
     categoryLabel: "社区动态",
-    link: "/zh-cn/news/detail-pg18-contributors",
+    link: "/news/detail-pg18-contributors",
     img: "/img/news/detail-pg18-contributors.png"
   },
   {
@@ -49,7 +50,7 @@ export const NewsData = [
     date: "2025-09-26",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-kylin-cert",
+    link: "/news/ivorysql-kylin-cert",
     img: "/img/news/ivorysql-kylin-cert.png"
   },
   {
@@ -58,7 +59,7 @@ export const NewsData = [
     date: "2025-09-17",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-deepin-cert",
+    link: "/news/ivorysql-deepin-cert",
     img: "/img/news/ivorysql-deepin-cert.png"
   },
   {
@@ -67,7 +68,7 @@ export const NewsData = [
     date: "2025-09-12",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-loongarch-cert",
+    link: "/news/ivorysql-loongarch-cert",
     img: "/img/news/ivorysql-loongarch-cert.png"
   },
   {
@@ -76,7 +77,7 @@ export const NewsData = [
     date: "2025-09-11",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-v4-6-released",
+    link: "/news/ivorysql-v4-6-released",
     img: "/img/news/ivorysql-v4-6-released.png"
   },
   {
@@ -85,7 +86,7 @@ export const NewsData = [
     date: "2025-08-04",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-navicat",
+    link: "/news/ivorysql-navicat",
     img: "/img/news/ivorysql-navicat.png"
   },
   {
@@ -94,7 +95,7 @@ export const NewsData = [
     date: "2025-07-15",
     category: "community",
     categoryLabel: "社区动态",
-    link: "/zh-cn/news/ivorysql-expert-advisory-committee",
+    link: "/news/ivorysql-expert-advisory-committee",
     img: "/img/news/ivorysql-expert-advisory-committee.png"
   },
   {
@@ -103,7 +104,7 @@ export const NewsData = [
     date: "2025-06-28",
     category: "community",
     categoryLabel: "社区动态",
-    link: "/zh-cn/news/ivorysql-ospp-students",
+    link: "/news/ivorysql-ospp-students",
     img: "/img/news/ivorysql-ospp-students.png"
   },
   {
@@ -112,7 +113,7 @@ export const NewsData = [
     date: "2025-06-05",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-v4-5-released",
+    link: "/news/ivorysql-v4-5-released",
     img: "/img/news/ivorysql-v4-5-released.png"
   },
   {
@@ -121,7 +122,7 @@ export const NewsData = [
     date: "2025-05-07",
     category: "community",
     categoryLabel: "社区动态",
-    link: "/zh-cn/news/ivorysql-pku-course",
+    link: "/news/ivorysql-pku-course",
     img: "/img/news/ivorysql-pku-course.png"
   },
   {
@@ -130,7 +131,7 @@ export const NewsData = [
     date: "2025-03-14",
     category: "community",
     categoryLabel: "社区动态",
-    link: "/zh-cn/news/ivorysql-deepseek-assistant",
+    link: "/news/ivorysql-deepseek-assistant",
     img: "/img/news/ivorysql-deepseek-assistant.png"
   },
   {
@@ -139,7 +140,7 @@ export const NewsData = [
     date: "2025-03-10",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-v4-4-released",
+    link: "/news/ivorysql-v4-4-released",
     img: "/img/news/ivorysql-v4-4-released.png"
   },
   {
@@ -148,15 +149,15 @@ export const NewsData = [
     date: "2025-01-13",
     category: "product",
     categoryLabel: "产品动态",
-    link: "/zh-cn/news/ivorysql-v4-2-released",
+    link: "/news/ivorysql-v4-2-released",
     img: "/img/news/ivorysql-v4-2-released.png"
   }
 ];
 
 export const NewsCard = ({ news }) => {
   const { title, desc, date, category, categoryLabel, link, img } = news;
   return (
-    <a href={link} className="news-card" target="_blank" rel="noopener noreferrer">
+    <Link to={link} className="news-card">
       <div className="news-img-wrapper">
         <img src={useBaseUrl(img)} alt={title} loading="lazy" />
       </div>
@@ -168,7 +169,7 @@ export const NewsCard = ({ news }) => {
         </div>
         <div className="news-desc">{desc}</div>
       </div>
-    </a>
+    </Link>
   );
 };
 

i18n/zh-CN/docusaurus-plugin-content-pages/news/ivorysql-deepin-cert.mdx

@@ -1,16 +1,22 @@
 ---
-title: IvorySQL 与 Deepin 完成兼容性认证，共创开源生态新篇章
+title: IvorySQL 与 deepin 完成兼容性认证，共创开源生态新篇章
 hide_table_of_contents: true
+slug: /news/ivorysql-deepin-cert
 ---
 
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import Link from '@docusaurus/Link';
 
 <style>{`
+  .news-detail-container {
+    padding-top: 40px;
+  }
   .detail-banner {
     background: linear-gradient(135deg, #532abd 0%, #7D52F4 100%);
     padding: 40px 0;
     color: white !important;
     margin-bottom: 30px;
+    border-radius: 12px;
   }
   .detail-banner-inner {
     max-width: 1200px;
@@ -22,11 +28,9 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
   .detail-banner-decor { position: absolute; right: 10%; top: 50%; transform: translateY(-50%); opacity: 0.2; pointer-events: none; }
 
   .detail-wrapper {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 20px 80px;
     display: flex;
     gap: 40px;
+    margin-bottom: 80px;
   }
 
   .detail-main { flex: 1; min-width: 0; }
@@ -55,61 +59,61 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
   .sidebar-nav a:hover { color: #7D52F4; }
 
   @media (max-width: 996px) {
-    .detail-banner { padding: 30px 0; }
-    .detail-banner h1 { font-size: 1.5rem; }
     .detail-wrapper { flex-direction: column; }
     .detail-sidebar { display: none; }
     .post-title { font-size: 1.5rem; }
   }
 `}</style>
 
-<div className="detail-banner">
-  <div className="detail-banner-inner">
-    <h1>新闻动态</h1>
-    <div className="detail-banner-decor">● ○ ●</div>
+<div className="container news-detail-container">
+  <div className="detail-banner">
+    <div className="detail-banner-inner">
+      <h1>新闻动态</h1>
+      <div className="detail-banner-decor">● ○ ●</div>
+    </div>
   </div>
-</div>
 
-<div className="detail-wrapper">
-  <div className="detail-main">
-    <div className="breadcrumb">
-      <a href="/news">新闻动态</a> <span>&gt;</span> <span>正文内容</span>
-    </div>
+  <div className="detail-wrapper">
+    <div className="detail-main">
+      <div className="breadcrumb">
+        <Link to="/news">新闻动态</Link> <span>&gt;</span> <span>社区动态</span>
+      </div>
 
-    <div className="post-header">
-      <div className="post-title">IvorySQL 与 deepin 完成兼容性认证，共创开源生态新篇章</div>
-      <div className="post-date">📅 发布时间：2025 年 9 月 17 日</div>
-    </div>
+      <div className="post-header">
+        <div className="post-title">IvorySQL 与 deepin 完成兼容性认证，共创开源生态新篇章</div>
+        <div className="post-date">📅 发布时间：2025 年 9 月 17 日</div>
+      </div>
 
-    <div className="post-content">
-      <p>近日，IvorySQL 与 deepin 操作系统成功完成了兼容性适配认证。这一里程碑式的成就标志着 IvorySQL 在国产操作系统生态中的进一步深化，为用户提供更稳定、高效的数据库解决方案。</p>
+      <div className="post-content">
+        <p>近日，IvorySQL 与 deepin 操作系统成功完成了兼容性适配认证。这一里程碑式的成就标志着 IvorySQL 在国产操作系统生态中的进一步深化，为用户提供更稳定、高效的数据库解决方案。</p>
 
-    <img className="post-cover" src={useBaseUrl('/img/news/ivorysql-deepin-1.png')} />
+        <img className="post-cover" src={useBaseUrl('/img/news/ivorysql-deepin-1.png')} />
 
-      <h2 id="deepin">deepin 简介</h2>
-      <p>深度操作系统 deepin 是一款以“简洁、美观、易用”著称的国产 Linux 发行版，拥有庞大的用户群体和深厚的社区基础。deepin 20 作为一个成熟的桌面操作系统版本，以其稳定的系统性能、丰富的应用生态和极致的用户体验，深受国内外开发者和普通用户的喜爱，是构建安全、可控信息技术体系的重要一环。</p>
+        <h2 id="deepin">deepin 简介</h2>
+        <p>深度操作系统 deepin 是一款以“简洁、美观、易用”著称的国产 Linux 发行版，拥有庞大的用户群体和深厚的社区基础。deepin 20 作为一个成熟的桌面操作系统版本，以其稳定的系统性能、丰富的应用生态和极致的用户体验，深受国内外开发者和普通用户的喜爱，是构建安全、可控信息技术体系的重要一环。</p>
 
-      <h2 id="ivorysql">IvorySQL 简介</h2>
-      <p>IvorySQL 是基于 PostgreSQL 打造的开源 Oracle 兼容数据库项目，其核心的 Oracle 兼容特性极大降低了传统数据库应用的迁移门槛和成本。IvorySQL 4.5 版本更是在语法兼容性、性能优化和高可用能力上实现了显著提升，致力于为开发者与企业提供更强大、更灵活的数据管理体验。</p>
+        <h2 id="ivorysql">IvorySQL 简介</h2>
+        <p>IvorySQL 是基于 PostgreSQL 打造的开源 Oracle 兼容数据库项目，其核心的 Oracle 兼容特性极大降低了传统数据库应用的迁移门槛和成本。IvorySQL 4.5 版本更是在语法兼容性、性能优化和高可用能力上实现了显著提升，致力于为开发者与企业提供更强大、更灵活的数据管理体验。</p>
 
-      <h2 id="collaboration">深化合作，提升用户体验</h2>
-      <p>IvorySQL 4.5 版本与深度操作系统 deepin 20 已成功完成产品兼容性互认证测试。IvorySQL 4.5 的认证，意味着用户可以在 deepin 20 环境下，享受更加稳定和高效的数据库服务。我们致力于为用户提供最佳的技术体验，确保他们在日常工作中能够高效地管理数据。</p>
+        <h2 id="collaboration">深化合作，提升用户体验</h2>
+        <p>IvorySQL 4.5 版本与深度操作系统 deepin 20 已成功完成产品兼容性互认证测试。IvorySQL 4.5 的认证，意味着用户可以在 deepin 20 环境下，享受更加稳定和高效的数据库服务。我们致力于为用户提供最佳的技术体验，确保他们在日常工作中能够高效地管理数据。</p>
 
-      <h2 id="outlook">未来展望</h2>
-      <p>此次兼容互认证的完成，不仅是 IvorySQL 与 deepin 技术实力的体现，更是对“共建、共享、共治”开源理念的践行。未来，双方将继续深化合作，积极参与开源社区建设，推动技术迭代与创新，携手产业链上下游伙伴，为数字化时代的蓬勃发展注入强劲的开源动力。</p>
-      <p>欢迎广大开发者、用户和合作伙伴加入 IvorySQL 开源社区，共同探索数据库技术的无限可能！</p>
+        <h2 id="outlook">未来展望</h2>
+        <p>此次兼容互认证的完成，不仅是 IvorySQL 与 deepin 技术实力的体现，更是对“共建、共享、共治”开源理念的践行。未来，双方将继续深化合作，积极参与开源社区建设，推动技术迭代与创新，携手产业链上下游伙伴，为数字化时代的蓬勃发展注入强劲的开源动力。</p>
+        <p>欢迎广大开发者、用户和合作伙伴加入 IvorySQL 开源社区，共同探索数据库技术的无限可能！</p>
+      </div>
     </div>
-  </div>
 
-  <div className="detail-sidebar">
-    <div className="sidebar-sticky">
-      <div className="sidebar-title">▼ 文章大纲</div>
-      <ul className="sidebar-nav">
-        <li><a href="#deepin">deepin 简介</a></li>
-        <li><a href="#ivorysql">IvorySQL 简介</a></li>
-        <li><a href="#collaboration">深化合作</a></li>
-        <li><a href="#outlook">未来展望</a></li>
-      </ul>
+    <div className="detail-sidebar">
+      <div className="sidebar-sticky">
+        <div className="sidebar-title">▼ 文章大纲</div>
+        <ul className="sidebar-nav">
+          <li><Link to="#deepin">deepin 简介</Link></li>
+          <li><Link to="#ivorysql">IvorySQL 简介</Link></li>
+          <li><Link to="#collaboration">深化合作</Link></li>
+          <li><Link to="#outlook">未来展望</Link></li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>