Change learn page stylesheet

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>
+  );
+}

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>
+  );
+}

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

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>

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];
+}

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>
+  );
+}

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>
+  );
+}