chore: add math equations

Author: JuneLin2001

docs/LeetCode/3000. Maximum Area of Longest Diagonal Rectangle/README.mdx

@@ -78,7 +78,7 @@ var areaOfMaxDiagonal = function (dimensions) {
 </Tabs>
 
 ## 解題思路
-題目描述提到 `dimensions[i][0]` 會是矩形的長，然後 `dimensions[i][1]` 則是矩形的寬，需要return 對角線最長的矩形的面積。如果有多個對角線最長的矩形，則傳回面積最大的矩形的面積（ 因為 `dimensions[i].length == 2` 所以只要回傳兩個中較大的那個就好）。而矩形對角線則可以透過畢氏定理算出。
+題目描述提到 `dimensions[i][0]` 會是矩形的長，然後 `dimensions[i][1]` 則是矩形的寬，需要 return 對角線最長的矩形的面積。如果有多個對角線最長的矩形，則傳回面積最大的矩形的面積。而矩形對角線則可以透過畢氏定理算出。
 
 以題目給的 Example 1 `dimensions = [[9,3],[8,6]]` 為例子，
 
@@ -96,5 +96,5 @@ var areaOfMaxDiagonal = function (dimensions) {
 
 ## 心得
 順便學到了怎麼用 markdown 寫數學運算符號，好耶！
-- 平方：$x^2$
-- 根號：$\sqrt{x}$
+- 平方 `$x^2$`：$x^2$
+- 根號 `$\sqrt{x}$`：$\sqrt{x}$

docusaurus.config.ts

@@ -1,6 +1,8 @@
 import { themes as prismThemes } from "prism-react-renderer";
 import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
 
 const config: Config = {
   title: "LeetCode and Codewars solutions",
@@ -21,13 +23,24 @@ const config: Config = {
           routeBasePath: "/",
           sidebarPath: require.resolve("./sidebars.js"),
           editUrl: "https://github.com/JuneLin2001/solve-problems/edit/main/",
+          remarkPlugins: [remarkMath],
+          rehypePlugins: [rehypeKatex],
         },
         theme: {
           customCss: require.resolve("./src/css/custom.css"),
         },
       } satisfies Preset.Options,
     ],
   ],
+  stylesheets: [
+    {
+      href: "https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css",
+      type: "text/css",
+      integrity:
+        "sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM",
+      crossorigin: "anonymous",
+    },
+  ],
 
   themeConfig: {
     image: "img/docusaurus-social-card.jpg",