CrossDown/README.html

312 lines
10 KiB
HTML
Raw Normal View History

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>
2024-10-05 18:25:00 +08:00
<li><a href="#crossdown">CrossDown</a></li>
2024-10-03 21:36:17 +08:00
<li><a href="#1">1 基本语法</a><ul>
<li><a href="#1.1">1.1 标题</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
2024-10-05 18:25:00 +08:00
<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>
2024-09-26 19:08:17 +08:00
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
2024-10-03 21:36:17 +08:00
<li><a href="#1.2">1.2 样式</a><ul>
<li><a href="#1.2.1">1.2.1 斜体</a></li>
<li><a href="#1.2.2">1.2.2 粗体</a></li>
<li><a href="#1.2.3">1.2.3 粗斜体</a></li>
<li><a href="#1.2.4">1.2.4 下划线</a></li>
<li><a href="#1.2.5">1.2.5 删除线</a></li>
<li><a href="#1.2.6">1.2.6 高亮</a></li>
<li><a href="#1.2.7">1.2.7 在文本的正上方添加一行小文本主要用于标拼音</a></li>
2024-10-05 17:42:35 +08:00
<li><a href="#1.2.8">1.2.8 在指定的文本里面隐藏一段文本</a></li>
2024-10-03 21:36:17 +08:00
<li><a href="#1.2.9">1.2.9 分割线</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
2024-10-03 21:36:17 +08:00
<li><a href="#1.3">1.3 链接</a><ul>
<li><a href="#1.3.1">1.3.1 普通链接</a></li>
<li><a href="#1.3.2">1.3.2 图片</a></li>
<li><a href="#1.3.3">1.3.3 变量链接</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
</ul>
</li>
2024-10-04 21:31:07 +08:00
<li><a href="#2">2 缩写</a><ul>
2024-10-03 21:36:17 +08:00
<li><a href="#2.1">2.1 定义</a></li>
<li><a href="#2.2">2.2 赋值</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
2024-10-04 21:31:07 +08:00
<li><a href="#3">3 锚点</a></li>
<li><a href="#4">4 代码块</a><ul>
<li><a href="#4.1">4.1 单行</a><ul>
<li><a href="#4.1.1">4.1.1 LaTex</a></li>
<li><a href="#4.1.2">4.1.2 函数</a></li>
<li><a href="#4.1.3">4.1.3 强调</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
2024-10-04 21:31:07 +08:00
<li><a href="#4.2">4.2 多行</a><ul>
<li><a href="#4.2.1">4.2.1 YAML</a></li>
<li><a href="#4.2.2">4.2.2 Python</a></li>
<li><a href="#4.2.3">4.2.3 Mermaid</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
</ul>
</li>
2024-10-04 21:31:07 +08:00
<li><a href="#5">5 转义</a></li>
<li><a href="#6">6 引用</a></li>
<li><a href="#7">7 提纲</a><ul>
<li><a href="#7.1">7.1 提纲号</a><ul>
<li><a href="#7.1.1">7.1.1 提纲号示例</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
</ul>
</li>
2024-10-04 21:31:07 +08:00
<li><a href="#8">8 注释</a><ul>
<li><a href="#8.1">8.1 强注释</a></li>
<li><a href="#8.2">8.2 弱注释</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
2024-10-04 21:31:07 +08:00
<li><a href="#9">9 列表</a><ul>
<li><a href="#9.1">9.1 有序列表</a></li>
2024-10-06 18:15:24 +08:00
<li><a href="#9.2">9.2 无序列表</a></li>
2024-09-30 18:03:40 +08:00
</ul>
</li>
2024-10-04 21:31:07 +08:00
<li><a href="#10">10 表格</a></li>
<li><a href="#11">11 警告</a></li>
<li><a href="#12">12 Emoji</a></li>
2024-10-05 17:42:35 +08:00
<li><a href="#13">13 脚注</a><ul>
<li><a href="#13.1">13.1 使用</a></li>
<li><a href="#13.2">13.2 定义</a></li>
<li><a href="#13.3">13.3 放置</a></li>
</ul>
</li>
2024-10-06 18:15:24 +08:00
<li><a href="#14">14 外框</a><ul>
<li><a href="#14.1">14.1 警告</a></li>
2024-10-06 22:00:55 +08:00
<li><a href="#14.2">14.2 提醒</a></li>
2024-10-06 18:15:24 +08:00
</ul>
</li>
2024-09-26 19:08:17 +08:00
</ul>
</div>
2024-10-05 18:25:00 +08:00
<h1 id="crossdown">CrossDown</h1>
2024-10-05 17:55:30 +08:00
<p>自制的markdown,添加了一些自定义的语法klzzwxh:0001效果请见klzzwxh:0000</p>
2024-10-01 20:25:11 +08:00
<h1 id="1">1 基本语法</h1>
<h2 id="1.1">1.1 标题</h2>
2024-10-05 18:25:00 +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-10-01 20:25:11 +08:00
<h2 id="1.2">1.2 样式</h2>
<h3 id="1.2.1">1.2.1 <em>斜体</em></h3>
<h3 id="1.2.2">1.2.2 <strong>粗体</strong></h3>
<h3 id="1.2.3">1.2.3 <strong><em>粗斜体</em></strong></h3>
<h3 id="1.2.4">1.2.4 <u>下划线</u></h3>
<h3 id="1.2.5">1.2.5 <s>删除线</s></h3>
<h3 id="1.2.6">1.2.6 <mark>高亮</mark></h3>
<h3 id="1.2.7">1.2.7 <ruby>在文本的正上方添加一行小文本<rt>主要用于标拼音</rt></ruby></h3>
2024-10-05 17:42:35 +08:00
<h3 id="1.2.8">1.2.8 <span title="只有鼠标放在上面才会显示隐藏文本">在指定的文本里面隐藏一段文本</span></h3>
2024-10-01 20:25:11 +08:00
<h3 id="1.2.9">1.2.9 分割线</h3>
2024-09-15 20:51:20 +08:00
<hr />
<hr />
<hr />
2024-10-01 20:25:11 +08:00
<h2 id="1.3">1.3 链接</h2>
<h3 id="1.3.1">1.3.1 普通链接</h3>
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-10-01 20:25:11 +08:00
<h3 id="1.3.2">1.3.2 图片</h3>
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-10-01 20:25:11 +08:00
<h3 id="1.3.3">1.3.3 变量链接</h3>
<p><a href="https://crossdark.com">链接文本</a></p>
2024-10-04 21:31:07 +08:00
<h1 id="2">2 <abbr title="长的文本">缩写</abbr></h1>
2024-10-01 20:25:11 +08:00
<h2 id="2.1">2.1 定义</h2>
<h2 id="2.2">2.2 赋值</h2>
2024-10-04 21:31:07 +08:00
<p>直接在文本中使用 <abbr title="长的文本">缩写</abbr> 即可</p>
<h1 id="3">3 锚点</h1>
2024-10-05 18:25:00 +08:00
<p>{#锚点名}</p>
2024-10-04 21:31:07 +08:00
<h1 id="4">4 代码块</h1>
<h2 id="4.1">4.1 <code>单行</code></h2>
<h3 id="4.1.1">4.1.1 LaTex</h3>
2024-09-30 17:12:54 +08:00
<p><code>$CO_2$</code></p>
<p><code>$H_2O$</code></p>
2024-10-04 21:31:07 +08:00
<h3 id="4.1.2">4.1.2 函数</h3>
2024-09-30 17:12:54 +08:00
<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>
2024-10-04 21:31:07 +08:00
<h3 id="4.1.3">4.1.3 强调</h3>
2024-10-02 21:04:14 +08:00
<p><code>{强调文本}</code></p>
2024-10-04 21:31:07 +08:00
<h2 id="4.2">4.2 多行</h2>
<h3 id="4.2.1">4.2.1 YAML</h3>
2024-10-06 22:22:53 +08:00
<pre><code class="language-yaml">A:
1. a
2. b
3. c
B:
- a
- b
- c
</code></pre>
2024-10-04 21:31:07 +08:00
<h3 id="4.2.2">4.2.2 Python</h3>
2024-10-06 22:22:53 +08:00
<pre><code class="language-python">print('CrossDown')
</code></pre>
2024-10-04 21:31:07 +08:00
<h3 id="4.2.3">4.2.3 Mermaid</h3>
2024-10-06 22:22:53 +08:00
<pre><code class="language-mermaid">graph LR
A--&gt;B
A--&gt;C
B--&gt;D
C--&gt;D
</code></pre>
2024-10-04 21:31:07 +08:00
<h1 id="5">5 转义</h1>
2024-09-24 19:27:03 +08:00
<p>\ </p>
<p>\a </p>
<p>*</p>
2024-10-04 21:31:07 +08:00
<h1 id="6">6 引用</h1>
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>
2024-10-06 22:22:53 +08:00
<p>引文内添加klzzwxhklzzwxhklzzwxh:00440041klzzwxh:0042</p>
2024-09-15 20:51:20 +08:00
</blockquote>
2024-10-04 21:31:07 +08:00
<h1 id="7">7 提纲</h1>
<h2 id="7.1">7.1 提纲号</h2>
2024-09-22 12:42:46 +08:00
<p>以数字和点组成,通过空格与提纲名分隔,例如:</p>
2024-10-04 21:31:07 +08:00
<h3 id="7.1.1">7.1.1 提纲号示例</h3>
2024-09-22 12:48:28 +08:00
<p>点不能出现在开头或结尾,例如</p>
2024-10-06 18:15:24 +08:00
<p>.7.1.2 错误示范</p>
2024-10-04 21:31:07 +08:00
<p>7.1.3. 错误示范</p>
2024-09-22 19:58:48 +08:00
<p>不能出现两个及以上连续的点,例如:</p>
2024-10-06 18:15:24 +08:00
<p>7..1&hellip;4 错误示范</p>
2024-10-04 21:31:07 +08:00
<p>提纲号会被自动配置为锚点,可直接使用{7}76.1}</p>
<h1 id="8">8 注释</h1>
<h2 id="8.1">8.1 强注释</h2>
2024-10-06 18:15:24 +08:00
<p>|=klzzwxhklzzwxhklzzwxh:00310026klzzwxh:0029=|</p>
2024-10-04 21:31:07 +08:00
<h2 id="8.2">8.2 弱注释</h2>
2024-09-30 18:03:40 +08:00
<!-- 这是注释 -->
2024-09-30 17:12:54 +08:00
<p>只有在 // 后面才会被移除</p>
<p><code>// 代码中的注释弱不会被移除</code></p>
2024-10-04 21:31:07 +08:00
<h1 id="9">9 列表</h1>
<h2 id="9.1">9.1 有序列表</h2>
2024-09-30 18:03:40 +08:00
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ol>
2024-10-06 18:15:24 +08:00
<h2 id="9.2">9.2 无序列表</h2>
2024-10-06 22:22:53 +08:00
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
2024-10-04 21:31:07 +08:00
<h1 id="10">10 表格</h1>
<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-10-04 21:31:07 +08:00
<h1 id="11">11 警告</h1>
<div class="admonition warning">
<p class="admonition-title">警告标题</p>
<p>警告内容</p>
2024-09-26 19:08:17 +08:00
</div>
2024-10-04 21:31:07 +08:00
<h1 id="12">12 Emoji</h1>
2024-10-05 17:55:30 +08:00
<p>🚴</p>
<p>这是一个笑脸😃图案</p>
2024-10-05 17:42:35 +08:00
<h1 id="13">13 脚注</h1>
<h2 id="13.1">13.1 使用</h2>
<p>这是一个<sup id="fnref:脚注"><a class="footnote-ref" href="#fn:脚注">1</a></sup></p>
<h2 id="13.2">13.2 定义</h2>
<h2 id="13.3">13.3 放置</h2>
2024-10-05 18:25:00 +08:00
<p>通过一下代码可以将文章中所有的脚注定义集中于一处</p>
2024-10-05 17:42:35 +08:00
<div class="footnote">
<hr />
<ol>
<li id="fn:脚注">
<p>一段长的文本用于说明&#160;<a class="footnote-backref" href="#fnref:脚注" title="Jump back to footnote 1 in the text">&#8617;</a></p>
</li>
</ol>
</div>
2024-10-05 18:25:00 +08:00
<p>否则所有定义将被集中在文章末尾</p>
2024-10-06 18:15:24 +08:00
<h1 id="14">14 外框</h1>
<h2 id="14.1">14.1 警告</h2>
2024-10-06 22:22:53 +08:00
<p>这是一个<div style="display: inline-block; border: 1px solid red;">警告</div>……</p>
2024-10-06 18:15:24 +08:00
<div style="display: inline-block; border: 1px solid red;">
<p>这是一条警告</p>
</div>
2024-10-06 22:00:55 +08:00
<h2 id="14.2">14.2 提醒</h2>
2024-10-06 22:22:53 +08:00
<p>这是一个<div style="display: inline-block; border: 1px solid yellow;">提醒</div>……</p>
2024-10-06 22:00:55 +08:00
<div style="display: inline-block; border: 1px solid yellow;">
<p>这是一条提醒</p>
</div>
2024-09-07 19:57:10 +08:00
</body>
</html>