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>
|
|
|
|
|
|
<script type="text/javascript" async
|
|
|
|
|
|
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<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>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.block {
|
|
|
|
|
|
background-color: grey; /* 灰色背景 */
|
|
|
|
|
|
color: white; /* 白色文字 */
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
|
|
|
|
|
<!-- 可以在这里添加其他元数据和CSS链接 -->
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
mermaid.initialize({startOnLoad:true});
|
|
|
|
|
|
</script>
|
2024-09-08 22:15:57 +08:00
|
|
|
|
<h1>CrossDown</h1>
|
2024-09-15 20:51:20 +08:00
|
|
|
|
<p>自制的markdown，添加了一些自定义的语法
|
2024-09-21 12:40:33 +08:00
|
|
|
|
效果请见<a href="https://github.com/CrossDark/CrossDown/blob/main/README.html">README.html</a>
|
|
|
|
|
|
1 基本语法
|
|
|
|
|
|
1.1 标题</p>
|
2024-09-07 19:57:10 +08:00
|
|
|
|
<h1>一级标题</h1>
|
|
|
|
|
|
<h2>二级标题</h2>
|
|
|
|
|
|
<h3>三级标题</h3>
|
|
|
|
|
|
<h4>四级标题</h4>
|
|
|
|
|
|
<h5>五级标题</h5>
|
|
|
|
|
|
<h6>六级标题</h6>
|
2024-09-21 12:40:33 +08:00
|
|
|
|
<p>1.2 样式
|
|
|
|
|
|
1.2.1 <em>斜体</em>
|
|
|
|
|
|
1.2.2 <strong>粗体</strong>
|
|
|
|
|
|
1.2.3 <strong><em>粗斜体</em></strong>
|
|
|
|
|
|
1.2.4 <u>下划线</u>
|
|
|
|
|
|
1.2.5 <s>删除线</s>
|
|
|
|
|
|
1.2.6 <mark>高亮</mark>
|
|
|
|
|
|
1.2.7 <ruby>在文本的正上方添加一行小文本<rt>主要用于标拼音</rt></ruby>
|
|
|
|
|
|
1.2.8 <span title="只有鼠标放在上面才会显示隐藏文本">在指定的文本里面隐藏一段文本</span>
|
|
|
|
|
|
1.2.9 分割线</p>
|
2024-09-15 20:51:20 +08:00
|
|
|
|
<hr />
|
|
|
|
|
|
<hr />
|
|
|
|
|
|
<hr />
|
2024-09-21 12:40:33 +08:00
|
|
|
|
<p>1.3 链接
|
|
|
|
|
|
1.3.1 普通链接
|
|
|
|
|
|
<a href="链接地址">链接文本</a>
|
|
|
|
|
|
<a href="https://crossdark.com">CrossDark</a>
|
|
|
|
|
|
1.3.2 图片
|
|
|
|
|
|
<img alt="链接图片" src="链接地址" />
|
|
|
|
|
|
<img alt="sea" src="https://crossdark.com/wp-content/uploads/2024/05/1715259682-sea.jpg" />
|
|
|
|
|
|
1.3.3 变量链接
|
|
|
|
|
|
<a href="https://crossdark.com">链接文本</a></p>
|
|
|
|
|
|
<p>2 变量
|
|
|
|
|
|
2.1 定义</p>
|
|
|
|
|
|
<p>2.2 赋值
|
|
|
|
|
|
值 <a href="#锚点名">锚点名</a>
|
|
|
|
|
|
提纲的编号已经自动配置为了锚点,可直接使用{2}
|
|
|
|
|
|
2.3 添加锚点
|
|
|
|
|
|
<span id="锚点名"></span>
|
|
|
|
|
|
3 代码块
|
|
|
|
|
|
3.1 <span class="block">单行</span>
|
|
|
|
|
|
3.1.1 LaTex
|
|
|
|
|
|
<p>\(CO_2\)</p>
|
|
|
|
|
|
<p>\(H_2O\)</p>
|
|
|
|
|
|
3.2 多行
|
|
|
|
|
|
3.2.1 YAML
|
|
|
|
|
|
<pre><code class="language-yaml">
|
2024-09-07 19:57:10 +08:00
|
|
|
|
A:
|
|
|
|
|
|
1. a
|
|
|
|
|
|
2. b
|
|
|
|
|
|
3. c
|
|
|
|
|
|
B:
|
|
|
|
|
|
- a
|
|
|
|
|
|
- b
|
|
|
|
|
|
- c
|
2024-09-21 12:40:33 +08:00
|
|
|
|
</code></pre>
|
|
|
|
|
|
3.2.2 Python
|
|
|
|
|
|
<pre><code class="language-python">
|
2024-09-07 19:57:10 +08:00
|
|
|
|
print('CrossDown')
|
2024-09-21 12:40:33 +08:00
|
|
|
|
</code></pre>
|
|
|
|
|
|
3.2.3 Mermaid
|
|
|
|
|
|
<div class="mermaid">
|
2024-09-07 19:57:10 +08:00
|
|
|
|
graph LR
|
|
|
|
|
|
A-->B
|
|
|
|
|
|
A-->C
|
|
|
|
|
|
B-->D
|
|
|
|
|
|
C-->D
|
2024-09-21 12:40:33 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
4 转义
|
|
|
|
|
|
\
|
|
|
|
|
|
\a
|
|
|
|
|
|
*
|
|
|
|
|
|
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-17 10:39:01 +08:00
|
|
|
|
<p>6 提纲</p>
|
2024-09-21 12:40:33 +08:00
|
|
|
|
<p>7 注释
|
|
|
|
|
|
7.1 强注释</p>
|
|
|
|
|
|
<p>7.2 弱注释
|
|
|
|
|
|
只有在
|
|
|
|
|
|
<span class="block">// 代码中的注释弱不会被移除</span>
|
|
|
|
|
|
8 列表
|
|
|
|
|
|
8.1 有序列表
|
|
|
|
|
|
1. a
|
|
|
|
|
|
2. b
|
|
|
|
|
|
3. c
|
|
|
|
|
|
4. d</p>
|
|
|
|
|
|
<p>8.2 无序列表
|
|
|
|
|
|
- A
|
|
|
|
|
|
- B
|
|
|
|
|
|
- C
|
|
|
|
|
|
- D</p>
|
|
|
|
|
|
<p>9 表格
|
|
|
|
|
|
| 表头1 | 表头2 | 表头3 |<br />
|
|
|
|
|
|
| :--: | :--: | :--: |<br />
|
|
|
|
|
|
| 单元格1 | 单元格2 | 单元格3 |<br />
|
|
|
|
|
|
| 单元格4 | 单元格5 | 单元格6 |</p>
|
2024-09-07 19:57:10 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
