From 7607fb89a99f0edfcee2857835e43051b04ee438 Mon Sep 17 00:00:00 2001
From: laishunchao <laishunchao@dangdang.com>
Date: Tue, 15 Apr 2025 11:49:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=95=B0=E5=AD=A6?=
 =?UTF-8?q?=E5=85=AC=E5=BC=8F=E7=9A=84=E8=A7=A3=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 card-demo-dev-test.html                  | 45 ++++++++++++++----------
 手动创建卡片模板txt文本复制/卡片样式.css |  2 ++
 2 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/card-demo-dev-test.html b/card-demo-dev-test.html
index b37200d..cdb918d 100644
--- a/card-demo-dev-test.html
+++ b/card-demo-dev-test.html
@@ -16,6 +16,14 @@
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
     />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/markdown-it-texmath@1.0.0/css/texmath.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/katex@0.16.22/dist/katex.min.css"
+    />
     <title>anki-md模板测试（chrome等浏览器开发测试即可）</title>
   </head>
   <style>
@@ -44,10 +52,16 @@
     </div>
     <!-- prettier-ignore -->
     <div class="md-content">
-这是一个行内公式
-$E=mc^2$
-和一个块级公式
-$$\\frac{d}{dx}(x^n) = nx^{n-1}$$
+行内公式：$E=mc^2$
+***
+块级公式：
+$$\frac{d}{dx}(x^n) = nx^{n-1}$$
+***
+矩阵：
+$$\begin{pmatrix} a & b \\ c & d \end{pmatrix}$$
+***
+积分：
+$$\int_{a}^{b} f(x) \, dx$$
 ***
 > 呵呵呵
 
@@ -85,14 +99,12 @@ console.log('hello world')
         getScript(
           "https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/highlight.js/11.4.0/highlight.min.js"
         ),
-        // 添加markdown-it-texmath插件
         getScript(
-          "https://cdn.jsdelivr.net/npm/markdown-it-texmath/texmath.min.js"
+          "https://cdn.jsdelivr.net/npm/markdown-it-texmath@1.0.0/texmath.min.js"
         ),
-        // 添加MathJax
         getScript(
-          "https://cdn.bootcdn.net/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.min.js"
-        )
+          "https://cdn.jsdelivr.net/npm/katex@0.16.22/dist/katex.min.js"
+        ),
       ];
 
       // 加载资源并初始化
@@ -156,16 +168,11 @@ console.log('hello world')
             return ""; // use external default escaping
           },
         });
-
-        // 配置markdown-it-texmath插件
-        if (window.texmath) {
-          md.use(window.texmath, {
-            engine: MathJax,
-            delimiters: 'dollars',
-            katexOptions: { macros: {"\\RR": "\\mathbb{R}"} }
-          });
-        }
-        
+        md.use(texmath, {
+          engine: katex,
+          delimiters: "dollars",
+          katexOptions: { macros: { "\\RR": "\\mathbb{R}" } },
+        });
         document.querySelectorAll(".md-content").forEach((div, index) => {
           console.log("查找到的容器元素", div);
           // 需要去除首尾空格 不然markdown-it会解析错误
diff --git a/手动创建卡片模板txt文本复制/卡片样式.css b/手动创建卡片模板txt文本复制/卡片样式.css
index d0b1892..2804fbf 100644
--- a/手动创建卡片模板txt文本复制/卡片样式.css
+++ b/手动创建卡片模板txt文本复制/卡片样式.css
@@ -1,6 +1,8 @@
 @import url('https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.8.1/github-markdown.min.css');
 @import url('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/onedark.min.css');
 @import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css');
+@import url('https://cdn.jsdelivr.net/npm/markdown-it-texmath@1.0.0/css/texmath.min.css');
+@import url('https://cdn.jsdelivr.net/npm/katex@0.16.22/dist/katex.min.css');
 /* 
 把这里的样式代码 ctrl a 复制到卡片模板 的样式区域
 */