2024-09-07 19:57:10 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<title>UTF-8编码示例</title>
|
2024-09-29 19:30:57 +08:00
|
|
|
|
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
|
2024-09-07 19:57:10 +08:00
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/prismjs/themes/prism.css" rel="stylesheet" />
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs/prism.js"></script>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-yaml.min.js"></script>
|
2024-09-28 12:49:37 +08:00
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
|
|
|
|
|
<style>
|
2024-09-29 19:30:57 +08:00
|
|
|
|
.block {
|
|
|
|
|
|
background-color: grey; /* 灰色背景 */
|
|
|
|
|
|
color: white; /* 白色文字 */
|
2024-09-07 19:57:10 +08:00
|
|
|
|
}
|
2024-09-29 19:30:57 +08:00
|
|
|
|
</style>
|
2024-09-07 19:57:10 +08:00
|
|
|
|
<!-- 可以在这里添加其他元数据和CSS链接 -->
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2024-09-29 19:30:57 +08:00
|
|
|
|
<script>
|
|
|
|
|
|
mermaid.initialize({{startOnLoad:true}});
|
2024-09-28 12:49:37 +08:00
|
|
|
|
</script>
|
2024-09-29 19:30:57 +08:00
|
|
|
|
<script>
|
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
|
|
|
emojify.run();
|
|
|
|
|
|
});
|
2024-09-07 19:57:10 +08:00
|
|
|
|
</script>
|
2024-09-29 19:30:57 +08:00
|
|
|
|
<div class="toc">
|
2024-09-26 19:08:17 +08:00
|
|
|
|
<ul>
|
|
|
|
|
|
<li><a href="#crossdown">CrossDown</a></li>
|
|
|
|
|
|
<li><a href="#_1">一级标题</a><ul>
|
|
|
|
|
|
<li><a href="#_2">二级标题</a><ul>
|
|
|
|
|
|
<li><a href="#_3">三级标题</a><ul>
|
|
|
|
|
|
<li><a href="#_4">四级标题</a><ul>
|
|
|
|
|
|
<li><a href="#_5">五级标题</a><ul>
|
|
|
|
|
|
<li><a href="#_6">六级标题</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<h1 id="crossdown">CrossDown</h1>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>自制的markdown，添加了一些自定义的语法<br />
|
2024-09-21 20:45:45 +08:00
|
|
|
|
效果请见<a href="https://github.com/CrossDark/CrossDown/blob/main/README.html">README.html</a></p>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>1 基本语法</p>
|
|
|
|
|
|
<p>1.1 标题</p>
|
2024-09-24 19:27:03 +08:00
|
|
|
|
<h1 id="_1">一级标题</h1>
|
|
|
|
|
|
<h2 id="_2">二级标题</h2>
|
|
|
|
|
|
<h3 id="_3">三级标题</h3>
|
|
|
|
|
|
<h4 id="_4">四级标题</h4>
|
|
|
|
|
|
<h5 id="_5">五级标题</h5>
|
|
|
|
|
|
<h6 id="_6">六级标题</h6>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>1.2 样式</p>
|
|
|
|
|
|
<p>1.2.1 <em>斜体</em></p>
|
|
|
|
|
|
<p>1.2.2 <strong>粗体</strong></p>
|
|
|
|
|
|
<p>1.2.3 <strong><em>粗斜体</em></strong></p>
|
|
|
|
|
|
<p>1.2.4 <u>下划线</u></p>
|
|
|
|
|
|
<p>1.2.5 <s>删除线</s></p>
|
|
|
|
|
|
<p>1.2.6 <mark>高亮</mark></p>
|
|
|
|
|
|
<p>1.2.7 <ruby>在文本的正上方添加一行小文本<rt>主要用于标拼音</rt></ruby></p>
|
|
|
|
|
|
<p>1.2.8 <span title="只有鼠标放在上面才会显示隐藏文本">在指定的文本里面隐藏一段文本</span></p>
|
|
|
|
|
|
<p>1.2.9 分割线</p>
|
2024-09-15 20:51:20 +08:00
|
|
|
|
<hr />
|
|
|
|
|
|
<hr />
|
|
|
|
|
|
<hr />
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>1.3 链接</p>
|
|
|
|
|
|
<p>1.3.1 普通链接</p>
|
2024-09-24 19:27:03 +08:00
|
|
|
|
<p><a href="链接地址">链接文本</a></p>
|
|
|
|
|
|
<p><a href="https://crossdark.com">CrossDark</a></p>
|
|
|
|
|
|
<p><a href="https://crossdark.net/">https://crossdark.net/</a></p>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>1.3.2 图片</p>
|
2024-09-24 19:27:03 +08:00
|
|
|
|
<p><img alt="链接图片" src="链接地址" /></p>
|
|
|
|
|
|
<p><img alt="sea" src="https://crossdark.com/wp-content/uploads/2024/05/1715259682-sea.jpg" /></p>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>1.3.3 变量链接</p>
|
2024-09-21 20:45:45 +08:00
|
|
|
|
<p><a href="https://crossdark.com">链接文本</a></p>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>2 变量</p>
|
|
|
|
|
|
<p>2.1 定义</p>
|
|
|
|
|
|
<p>{变量名} = 值</p>
|
|
|
|
|
|
<p>2.2 赋值</p>
|
|
|
|
|
|
<p>{变量名} {锚点名}</p>
|
|
|
|
|
|
<p>提纲的编号已经自动配置为了锚点,可直接使用{2}</p>
|
|
|
|
|
|
<p>2.3 添加锚点</p>
|
|
|
|
|
|
<p>{#锚点名}</p>
|
|
|
|
|
|
<p>3 代码块</p>
|
|
|
|
|
|
<p>3.1 <code>单行</code></p>
|
|
|
|
|
|
<p>3.1.1 LaTex</p>
|
|
|
|
|
|
<p><code>$CO_2$</code></p>
|
|
|
|
|
|
<p><code>$H_2O$</code></p>
|
|
|
|
|
|
<p>3.1.2 函数</p>
|
|
|
|
|
|
<p><code>¥y=x*2+1¥</code> // 不定义范围</p>
|
|
|
|
|
|
<p><code>¥y=x**2¥€-50,50€</code> // 定义了x范围</p>
|
|
|
|
|
|
<p><code>¥y=x**3¥€-50,50|-100,100€</code> // 定义了y范围</p>
|
|
|
|
|
|
<p>3.2 多行</p>
|
|
|
|
|
|
<p>3.2.1 YAML</p>
|
|
|
|
|
|
<p><code>A:
|
2024-09-07 19:57:10 +08:00
|
|
|
|
1. a
|
|
|
|
|
|
2. b
|
|
|
|
|
|
3. c
|
|
|
|
|
|
B:
|
|
|
|
|
|
- a
|
|
|
|
|
|
- b
|
2024-09-30 17:12:54 +08:00
|
|
|
|
- c</code></p>
|
|
|
|
|
|
<p>3.2.2 Python</p>
|
|
|
|
|
|
<p><code>python
|
|
|
|
|
|
print('CrossDown')</code></p>
|
|
|
|
|
|
<p>3.2.3 Mermaid</p>
|
|
|
|
|
|
<p><code>mermaid
|
2024-09-07 19:57:10 +08:00
|
|
|
|
graph LR
|
2024-09-30 17:12:54 +08:00
|
|
|
|
A-->B
|
|
|
|
|
|
A-->C
|
|
|
|
|
|
B-->D
|
|
|
|
|
|
C-->D</code></p>
|
|
|
|
|
|
<p>4 转义</p>
|
2024-09-24 19:27:03 +08:00
|
|
|
|
<p>\ </p>
|
|
|
|
|
|
<p>\a </p>
|
|
|
|
|
|
<p>*</p>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>5 引用</p>
|
2024-09-15 20:51:20 +08:00
|
|
|
|
<blockquote>
|
2024-09-17 10:45:26 +08:00
|
|
|
|
<p>一级引用</p>
|
|
|
|
|
|
<blockquote>
|
|
|
|
|
|
<p>二级引用</p>
|
|
|
|
|
|
<blockquote>
|
|
|
|
|
|
<p>三级引用</p>
|
|
|
|
|
|
<blockquote>
|
|
|
|
|
|
<p>四级引用</p>
|
|
|
|
|
|
<blockquote>
|
|
|
|
|
|
<p>五级引用</p>
|
|
|
|
|
|
<blockquote>
|
|
|
|
|
|
<p>六级引用</p>
|
|
|
|
|
|
</blockquote>
|
|
|
|
|
|
</blockquote>
|
|
|
|
|
|
</blockquote>
|
|
|
|
|
|
</blockquote>
|
|
|
|
|
|
</blockquote>
|
|
|
|
|
|
<p>引文内添加<em>斜体</em><strong>粗体</strong><u>下划线</u><s>删除线</s><mark>高亮</mark></p>
|
2024-09-15 20:51:20 +08:00
|
|
|
|
</blockquote>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>6 提纲</p>
|
|
|
|
|
|
<p>6.1 提纲号</p>
|
2024-09-22 12:42:46 +08:00
|
|
|
|
<p>以数字和点组成,通过空格与提纲名分隔,例如:</p>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>6.1.1 提纲号示例</p>
|
2024-09-22 12:48:28 +08:00
|
|
|
|
<p>点不能出现在开头或结尾,例如</p>
|
|
|
|
|
|
<p>.6.1.2 错误示范</p>
|
|
|
|
|
|
<p>6.1.3. 错误示范</p>
|
2024-09-22 19:58:48 +08:00
|
|
|
|
<p>不能出现两个及以上连续的点,例如:</p>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>6..1…4 错误示范</p>
|
|
|
|
|
|
<p>提纲号会被自动配置为锚点,可直接使用{6}{6.1}</p>
|
|
|
|
|
|
<p>7 注释</p>
|
|
|
|
|
|
<p>7.1 强注释</p>
|
|
|
|
|
|
<p>|=<br />
|
|
|
|
|
|
无论如何都会被移除<br />
|
|
|
|
|
|
<code>放在代码块里也没用</code><br />
|
|
|
|
|
|
=|</p>
|
|
|
|
|
|
<p>7.2 弱注释</p>
|
|
|
|
|
|
<p>只有在 // 后面才会被移除</p>
|
|
|
|
|
|
<p><code>// 代码中的注释弱不会被移除</code></p>
|
|
|
|
|
|
<p>8 列表</p>
|
|
|
|
|
|
<p>8.1 有序列表<br />
|
|
|
|
|
|
1. a<br />
|
|
|
|
|
|
2. b<br />
|
|
|
|
|
|
3. c<br />
|
|
|
|
|
|
4. d</p>
|
|
|
|
|
|
<p>8.2 无序列表<br />
|
|
|
|
|
|
- A<br />
|
|
|
|
|
|
- B<br />
|
|
|
|
|
|
- C<br />
|
|
|
|
|
|
- D</p>
|
|
|
|
|
|
<p>9 表格</p>
|
2024-09-21 20:45:45 +08:00
|
|
|
|
<table>
|
|
|
|
|
|
<thead>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th style="text-align: center;">表头1</th>
|
|
|
|
|
|
<th style="text-align: center;">表头2</th>
|
|
|
|
|
|
<th style="text-align: center;">表头3</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td style="text-align: center;">单元格1</td>
|
|
|
|
|
|
<td style="text-align: center;">单元格2</td>
|
|
|
|
|
|
<td style="text-align: center;">单元格3</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td style="text-align: center;">单元格4</td>
|
|
|
|
|
|
<td style="text-align: center;">单元格5</td>
|
|
|
|
|
|
<td style="text-align: center;">单元格6</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>10 警告</p>
|
2024-09-26 19:08:17 +08:00
|
|
|
|
<div class="admonition 这是一条警告">
|
|
|
|
|
|
<p class="admonition-title">这是一条警告</p>
|
|
|
|
|
|
</div>
|
2024-09-30 17:12:54 +08:00
|
|
|
|
<p>11 Emoji</p>
|
|
|
|
|
|
<p>:person_biking:</p>
|
|
|
|
|
|
<p>:grinning_face_with_big_eyes:</p>
|
2024-09-07 19:57:10 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
