anki-md-template/模板-支持数学公式/card-demo-test.html

135 lines
3.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="cn" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="样式.css">
<title>Anki-Markdown 模板测试</title>
</head>
<style>
.markdown-body {
max-width: 980px;
}
</style>
<body id="qa">
<!-- prettier-ignore -->
<div class="markdown-body">
测试 Markdown 格式
***
# 一级标题
## 二级标题
### 三级标题
**加粗**
*斜体*
***加粗斜体***
> 引用
引用第二行
引用第三行
- 无序列表
- 无序列表
- 无序列表
1. 有序列表 1
2. 有序列表 2
3. 有序列表 3
</div>
<div class="markdown-body">
### 代码块
`代码块 1`
```c
#include &lt;stdio.h&gt;
int factorial(int n) {
if (n <= 1) return 1;
return n * factorial(n - 1);
}
```
代码块 2
```python
sql = "SELECT * FROM your_table"
cursor.execute(sql)
```
代码块 3
<ul>
<li>下面代码的 HTML 格式中 <code>&amp;gt;</code><code>&amp;lt;</code> 不能转义为 &gt;&lt;,否则会有异常的下划线</li>
<li>不转换 <code>&lt;code&gt;&lt;/code&gt;</code>包裹的内容</li>
</ul>
<pre><code class="hljs java language-java"><span class="hljs-keyword">public</span> <span
class="hljs-keyword">class</span> <span class="hljs-title class_">NumberPair</span>&lt;U <span
class="hljs-keyword">extends</span> <span class="hljs-title class_">Number</span>, V <span
class="hljs-keyword">extends</span> <span class="hljs-title class_">Number</span>&gt; <span
class="hljs-keyword">extends</span> <span class="hljs-title class_">Pair</span>&lt;U,V&gt; {
<span class="hljs-comment">//</span>
<span class="hljs-keyword">public</span> <span class="hljs-title function_">NumberPair</span><span
class="hljs-params">(U first, V second)</span> {
<span class="hljs-built_in">super</span>(first, second);
}
}
</code></pre>
</div>
<div class="markdown-body">
### 数学公式 - 由 Anki 解析
**行内公式:**
- \(E=mc^2\)、 \(\lfloor i/2 \rfloor\)、\(f(x)\)、\(A\)
- Does \(\sum_{k = 1}^{\infty}\frac{1}{k}\) converge?
- 勾股定理:\(a^2 + b^2 = c^2\),其中 \(c\) 是斜边
- \({\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.}\)
- \(\begin{pmatrix} a &amp; b \\ c &amp; d \end{pmatrix}\)、 \(\int_{a}^{b} f(x) \, dx\)
**块级公式:**
\[\frac{d}{dx}(x^n) = nx^{n-1}\]
\[\sum_{k=1}^n k = \frac{n(n+1)}{2}\]
**多行公式:**
行内:
\(f(x) =
\left\{
\begin{aligned}
&amp; \lambda e^{-\lambda x} &amp; x &gt; 0 \\
&amp; 0 &amp; x \leq 0 \\
\end{aligned}
\right.\)
块级:
\[f(x) =
\left\{
\begin{aligned}
&amp; \lambda e^{-\lambda x} &amp; x &gt; 0 \\
&amp; 0 &amp; x \leq 0 \\
\end{aligned}
\right.\]
忽略解析警告:
\(2^{层数-1}\)
非法数学公式:
\(\left\{()\right\)
不解析为特殊字符:
(C) 不解析为 ©
(R) 不解析为 ®
不支持 \$ 数学公式,请转换为 `\ (...\ )` 或 `\ [...\ ]`
$E=mc^2$
$$a^2 + b^2 = c^2$$
</div>
<div class="markdown-body">
### 链接与图片
[百度](https://www.baidu.com)
![图片链接](https://www.baidu.com/img/bd_logo1.png)
</div>
<script src="https://gcore.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script type="text/javascript">
$.get("正面内容模版.html", function (data) {
$('#templateScriptDiv').html(data)
});
</script>
<div id="templateScriptDiv"></div>
</body>
</html>