diff --git a/docs/learn.mdx b/docs/learn.mdx
deleted file mode 100644
index 88d357faa..000000000
--- a/docs/learn.mdx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { WikiList } from "@site/src/components/wiki-list";
-
-<WikiList/>
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/learn.mdx b/i18n/zh-CN/docusaurus-plugin-content-docs/current/learn.mdx
deleted file mode 100644
index 88d357faa..000000000
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/learn.mdx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { WikiList } from "@site/src/components/wiki-list";
-
-<WikiList/>
diff --git a/i18n/zh-CN/docusaurus-plugin-content-pages/current/learn.tsx b/i18n/zh-CN/docusaurus-plugin-content-pages/current/learn.tsx
new file mode 100644
index 000000000..4f118e761
--- /dev/null
+++ b/i18n/zh-CN/docusaurus-plugin-content-pages/current/learn.tsx
@@ -0,0 +1,10 @@
+import ApplicationLayout from "@site/src/components/layout/application";
+import { WikiList } from "@site/src/components/wiki-list";
+
+export default function Home() {
+  return (
+    <ApplicationLayout>
+      <WikiList/>
+    </ApplicationLayout>
+  );
+}
diff --git a/i18n/zh-HK/docusaurus-plugin-content-docs/current/learn.mdx b/i18n/zh-HK/docusaurus-plugin-content-docs/current/learn.mdx
deleted file mode 100644
index 88d357faa..000000000
--- a/i18n/zh-HK/docusaurus-plugin-content-docs/current/learn.mdx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { WikiList } from "@site/src/components/wiki-list";
-
-<WikiList/>
diff --git a/i18n/zh-HK/docusaurus-plugin-content-pages/current/learn.tsx b/i18n/zh-HK/docusaurus-plugin-content-pages/current/learn.tsx
new file mode 100644
index 000000000..4f118e761
--- /dev/null
+++ b/i18n/zh-HK/docusaurus-plugin-content-pages/current/learn.tsx
@@ -0,0 +1,10 @@
+import ApplicationLayout from "@site/src/components/layout/application";
+import { WikiList } from "@site/src/components/wiki-list";
+
+export default function Home() {
+  return (
+    <ApplicationLayout>
+      <WikiList/>
+    </ApplicationLayout>
+  );
+}
diff --git a/setup-dist-dir.sh b/setup-dist-dir.sh
index 582eaa99f..7e578708f 100755
--- a/setup-dist-dir.sh
+++ b/setup-dist-dir.sh
@@ -5,5 +5,6 @@ mv ./dist/404.html ./dist/en/
 mv ./dist/.nojekyll ./dist/en/
 
 # step 2 remove duplicated files
+rm -rf ./dist/zh-CN/en ./dist/zh-HK/en
 cp -rf ./dist/zh-CN/zh-CN/* ./dist/zh-CN/ && rm -rf ./dist/zh-CN/zh-CN && rm -rf ./dist/zh-CN/en && rm -rf ./dist/zh-CN/zh-HK
 cp -rf ./dist/zh-HK/zh-HK/* ./dist/zh-HK/ && rm -rf ./dist/zh-HK/zh-HK && rm -rf ./dist/zh-HK/en && rm -rf ./dist/zh-HK/zh-CN
diff --git a/src/components/wiki-list/index.tsx b/src/components/wiki-list/index.tsx
index b4ae930e2..3fa4ebc7e 100644
--- a/src/components/wiki-list/index.tsx
+++ b/src/components/wiki-list/index.tsx
@@ -11,14 +11,14 @@ export const WikiList: FC = () => {
       {wikis.map((rawWiki: any) => {
         const wiki = WikiUtils.toPage(rawWiki, locale);
         return <li key={wiki.id}
-          className="relative flex flex-col mt-6 text-gray-700 bg-slate-50 shadow-md bg-clip-border rounded-xl w-full md:w-80">
+          className="relative flex flex-col mt-6 text-black bg-white shadow-md bg-clip-border rounded-xl w-full md:w-80">
           <article className="p-4">
             <h5
-              className="block mb-2 font-sans text-xl  font-semibold leading-snug tracking-normal text-blue-gray-900">
+              className="block mb-2 text-xl leading-snug tracking-normal">
               <a href={`/${locale}/learn/wiki/${wiki.slug}`}>{wiki.title}</a>
             </h5>
             <p
-              className="font-light leading-relaxed line-clamp-3">
+              className="leading-relaxed line-clamp-3">
               {wiki.liteDesc}
             </p>
           </article>
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 9966b4ba7..18253ceee 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -20,6 +20,7 @@
 @tailwind utilities;
 body {
   color: #222;
+  @apply bg-[#f8f9fa];
 }
 
 .theme-doc-sidebar-menu {
@@ -138,3 +139,7 @@ body {
 .pagination-nav {
   margin-top: 100px !important;
 }
+
+.theme-doc-markdown.markdown {
+  @apply bg-[#f8f9fa];
+}
diff --git a/src/pages/en/learn.tsx b/src/pages/en/learn.tsx
new file mode 100644
index 000000000..4f118e761
--- /dev/null
+++ b/src/pages/en/learn.tsx
@@ -0,0 +1,10 @@
+import ApplicationLayout from "@site/src/components/layout/application";
+import { WikiList } from "@site/src/components/wiki-list";
+
+export default function Home() {
+  return (
+    <ApplicationLayout>
+      <WikiList/>
+    </ApplicationLayout>
+  );
+}
diff --git a/src/pages/learn.tsx b/src/pages/learn.tsx
new file mode 100644
index 000000000..4f118e761
--- /dev/null
+++ b/src/pages/learn.tsx
@@ -0,0 +1,10 @@
+import ApplicationLayout from "@site/src/components/layout/application";
+import { WikiList } from "@site/src/components/wiki-list";
+
+export default function Home() {
+  return (
+    <ApplicationLayout>
+      <WikiList/>
+    </ApplicationLayout>
+  );
+}