search.xml

<?xml version="1.0" encoding="utf-8"?>
<search> 
  
  
    
    <entry>
      <title>Obsidian中的md语法</title>
      <link href="/2023/01/13/Obsidian%E4%B8%AD%E7%9A%84md%E8%AF%AD%E6%B3%95/"/>
      <url>/2023/01/13/Obsidian%E4%B8%AD%E7%9A%84md%E8%AF%AD%E6%B3%95/</url>
      
        <content type="html"><![CDATA[<p>参考文章:</p><ol><li><a href="https://zhuanlan.zhihu.com/p/492198616">Obsidian教程一 - 知乎 (zhihu.com)</a></li><li><a href="https://publish.obsidian.md/chinesehelp/08+%E9%AB%98%E9%98%B6%E6%95%99%E7%A8%8B/%E5%A6%82%E4%BD%95%E7%94%BB%E6%B5%81%E7%A8%8B%E5%9B%BE">Obsidian中文教程 - Obsidian Publish</a></li></ol><h2 id="什么是-Markdown">什么是 Markdown?</h2><ol><li><strong>Markdown</strong> 是一款轻量级标记语言，不同于HTML <strong>(Hypertext Markup Language)</strong>，Markdown 的语法非常简单，且容易上手</li><li><strong>Markdown</strong> 的通过添加一些简单的 <strong>标识符</strong>，让文本具有<strong>恰到好处</strong>的格式</li><li><strong>Markdown</strong> 核心特征就是 <strong>删繁剪芜</strong>， <strong>简扼</strong> + <strong>精炼</strong></li><li><strong>Markdown</strong> 是 <strong>笔记</strong> 与 <strong>网页文章</strong> 的最佳载体</li><li><strong>Down</strong> 的核心：坐 <strong>下</strong> 来，就能把思维写 <strong>下</strong> 来</li><li><strong>牛津高阶英汉双解词典第九版</strong> 中，关于 <strong>down</strong> 的释义：<br><img src="https://pic1.zhimg.com/80/v2-0dd81205e15ae1c8633a01fe9b7c4988_720w.webp" alt=""><br>牛津9 down释义</li></ol><h2 id="为什么要使用-Markdown">为什么要使用 Markdown?</h2><p>有朋友问我 ，<strong>Markdown</strong> 的效果 用Word 完全可以复现，甚至功能更多，那为何要用 <strong>Markdown</strong> 呢？</p><p><strong>答：</strong> - 功能多，不一定是好事 - 功能一多，选择就会变多，然后你会开始纠结…… - 这个字号是不是该大一点呢？ - 这个颜色好像有点不太搭呢？ - 这个粗体，是不是该再加点颜色呢？ - 这个图片的位置看起来有点不大对劲呢？ - 结果，写了半天，就憋出一点点东西 - 写出来的内容…好像…也不咋滴</p><p><strong>MD的优势：</strong></p><ol><li><strong>Markdown</strong> 让我们免于 <strong>被繁杂臃肿的功能晃花了眼</strong> 的困扰</li><li><strong>Markdown</strong> 让我们回归内容本身，拥抱笔记的<strong>内核</strong>，而非浮于<strong>表象</strong>的样式，写出<strong>高效精练</strong>的笔记！</li></ol><p>用 <strong>Markdown</strong> 写东西，记住一个原则</p><blockquote><p>能用10个字搞定的，绝不用11个字</p></blockquote><p>经常使用 <strong>Markdown</strong> 书写的朋友，也许会有一种奇妙的感触 - 书写，会==倒逼==思维的跃进。像是有东西拽着你的思绪往前冲 - 倒逼：逆向逼迫，反向推动</p><p><strong>关于标识符的滥用</strong></p><p>这个其实是写在最后的，之所以放在这里，是因为它<strong>很重要</strong>！</p><p>如果你有一定的MD语法基础，可以直接[[#19 避免标识符的滥用|点击跳转]]</p><h2 id="Markdown-相关软件推荐">Markdown 相关软件推荐</h2><ul><li><p><strong>Markdown</strong> <strong>书写软件</strong> 推荐：<strong>Typora</strong> 优秀的 MD网页文章 书写软件</p></li><li><p><a href="https://link.zhihu.com/?target=https%3A//www.typora.io/">点击跳转下载地址</a></p></li><li><p>提示 以前是免费的，现在收费了，不过是买断制</p></li><li><p><strong>Markdown</strong> <strong>笔记软件</strong> 推荐：<strong>Obsidian</strong> <em>银河系最强</em> *MD+双向链 笔记软件</p></li><li><p><a href="https://link.zhihu.com/?target=https%3A//obsidian.md/">点击跳转下载地址</a></p></li></ul><h2 id="Markdown-语法">Markdown 语法</h2><ul><li><strong>提示1：</strong> 本教程推荐使用 <strong>Obsidian</strong> 打开阅读</li><li><strong>提示2：</strong> 下文提到的所有标识符都是 <strong>英文状态</strong> 的 <strong>！</strong></li></ul><h2 id="1-标题-目录">1. 标题&amp;目录</h2><h3 id="1-1-标题">1.1 标题</h3><ul><li>Markdown标题共有 <strong>六级</strong>，和 HTML 一样</li><li>区分 <strong>一级标题 → 六级标题</strong></li><li><strong>标题 的格式：</strong><br><strong>#</strong> × 标题级数 + <strong>空格</strong> + 文本内容</li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">这是一段普通的文本</span><br><span class="line"></span><br><span class="line"># 这是一级标题</span><br><span class="line">## 这是二级标题</span><br><span class="line">### 这是三级标题</span><br><span class="line">#### 这是四级标题</span><br><span class="line">##### 这是五级标题</span><br><span class="line">###### 这是六级标题</span><br></pre></td></tr></table></figure><h3 id="1-2-目录">1.2 目录</h3><ul><li><p><strong>目录的 格式：</strong></p></li><li><p>在文档的顶部 输入 <strong><code>[toc]</code></strong> ，会根据 <strong>标题</strong> 自动生成目录 ( <strong>Table of Content</strong> )</p></li><li><p>不是所有 <strong>MD编辑器</strong> 都支持目录生成</p></li><li><p><strong>Obsidian</strong> 就不支持，不过 <strong>OB</strong> 是自带大纲的，就是目录的效果</p></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">输入下方内容会生成一个目录：</span><br><span class="line">[toc]</span><br></pre></td></tr></table></figure><h2 id="2-斜体-粗体">2. 斜体&amp;粗体</h2><h3 id="2-1-斜体">2.1 斜体</h3><ul><li><strong>斜体 的格式：</strong><ul><li><code>*</code> 文本内容 <code>*</code></li><li><code>_</code> 文本内容 <code>_</code></li></ul></li><li><strong>说明：</strong><ul><li>斜体文本，首尾只有 <strong>单个</strong> 标识符</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">这是一段普通文本</span><br><span class="line"></span><br><span class="line">*这里是一段斜体文本*</span><br><span class="line">_这也是一段斜体文本_</span><br></pre></td></tr></table></figure><h4 id="eg">eg:</h4><p>这是一段普通文本</p><p><em>这里是一段斜体文本</em> <em>这也是一段斜体文本</em></p><h3 id="2-2-粗体">2.2 粗体</h3><ul><li><strong>粗体 的格式：</strong><ul><li><code>**</code> 文本内容 <code>**</code></li><li><code>__</code> 文本内容 <code>__</code> (这里是两个_ )</li></ul></li><li><strong>说明：</strong><ul><li>粗体文本，首尾各有 <strong>两个</strong> 标识符</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">这是一段普通文本</span><br><span class="line"></span><br><span class="line">**这里是一段加粗文本**</span><br><span class="line">__这也是一段加粗文本__</span><br></pre></td></tr></table></figure><h4 id="eg-2">eg:</h4><p>这是一段普通文本</p><p><strong>这里是一段加粗文本</strong> <strong>这也是一段加粗文本</strong></p><h3 id="2-3-粗斜体-斜粗体">2.3 粗斜体 (斜粗体)</h3><ul><li><p><strong>粗斜体 的格式：</strong></p><ul><li><code>***</code> 文本内容 <code>***</code></li><li><code>___</code> 文本内容 <code>___</code></li><li><code>**_</code> 文本内容 <code>_**</code></li><li><code>__*</code> 文本内容 <code>*__</code></li><li><code>*__</code> 文本内容 <code>__*</code></li><li><code>_**</code> 文本内容 <code>**_</code></li></ul></li><li><p><strong>说明：</strong></p><ul><li>粗斜体文本，首尾各有 <strong>三个</strong> 标识符</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">这是一段普通文本</span><br><span class="line"></span><br><span class="line">***粗斜体文本1***</span><br><span class="line">___粗斜体文本2___</span><br><span class="line">**_粗斜体文本3_**</span><br><span class="line">__*粗斜体文本4*__</span><br><span class="line">*__粗斜体文本5__*</span><br><span class="line">_**粗斜体文本6**_</span><br></pre></td></tr></table></figure><h4 id="eg-3">eg:</h4><p>这是一段普通文本</p><p><strong><em>粗斜体文本1</em></strong></p><h3 id="2-4-斜体包含粗体">2.4 斜体包含粗体</h3><ul><li><p><strong>斜体中包含粗体 的格式：</strong>   (就是嵌套关系而已)</p><ul><li><code>*</code> 斜体文本<code>**</code>粗体文本<code>**</code>斜体文本<code>*</code></li><li><code>_</code> 斜体文本<code>**__**</code>粗体文本<code>__</code>斜体文本<code>_</code> （ 这里是两个 <strong>_</strong> )</li><li><code>*</code> 斜体文本<code>__</code> 粗体文本 <code>__</code>斜体文本<code>*</code></li><li><code>_</code> 斜体文本<code>**</code>粗体文本<code>**</code>斜体文本 <code>_</code></li></ul></li><li><p><strong>说明：</strong></p><ul><li><strong>斜体</strong> 中包含 <strong>粗体</strong>，其实就是嵌套的关系，<strong>外层</strong> 是 <strong>斜体</strong>，<strong>内层</strong> 是 <strong>粗体</strong></li><li>外层是<strong>斜体</strong>，标识符是<strong>单个</strong>；内层是<strong>粗体</strong>，标识符是<strong>两个</strong></li><li>因为 <strong>粗体</strong> 是被包裹在 <strong>斜体</strong> 中的，所以显示效果为 <strong>斜粗体</strong></li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">这是一段普通文本</span><br><span class="line"></span><br><span class="line">*这里是一段斜体中**包含粗体**的文字*</span><br><span class="line">_这也是一段斜体中**包含粗体**的文字_</span><br><span class="line">*这又是一段斜体中__包含粗体__的文字*</span><br><span class="line">_这还是一段斜体中**包含粗体**的文字_</span><br></pre></td></tr></table></figure><h4 id="eg-4">eg:</h4><p><em>这里是一段斜体中<strong>包含粗体</strong>的文字</em></p><h3 id="2-5-粗体包含斜体">2.5 粗体包含斜体</h3><ul><li><strong>粗体中包含斜体 的格式：</strong>  (同上)<ul><li><code>**</code> + 粗体文本 + <code>*</code> + 斜体文本 + <code>*</code> + 粗体文本 + <code>**</code></li><li><code>__</code> + 粗体文本 + <code>_</code> + 斜体文本 + <code>_</code> + 粗体文本 + <code>__</code> （ 这里是两个 <strong>_</strong> )</li><li><code>**</code> + 粗体文本 + <code>_</code> + 斜体文本 + <code>_</code> + 粗体文本 + <code>**</code></li><li><code>__</code> + 粗体文本 + <code>*</code> + 斜体文本 + <code>*</code> + 粗体文本 + <code>__</code></li></ul></li><li><strong>说明：</strong><ul><li><strong>粗体</strong> 中包含 <strong>斜体</strong>，也就是嵌套的关系，<strong>外层</strong> 是 <strong>粗体</strong>，<strong>内层</strong> 是 <strong>斜体</strong></li><li>外层是<strong>粗体</strong>，标识符是<strong>两个</strong>；内层是<strong>斜体</strong>，标识符是<strong>单个</strong></li><li>因为 <strong>斜体</strong> 是被包裹在 <strong>粗体</strong> 中的，所以显示效果为 <strong>粗斜体</strong></li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">**这里是一段粗体中*包含斜体*的文字**</span><br><span class="line">__这也是一段粗体中_包含斜体_的文字__</span><br><span class="line">**这又是一段粗体中_包含斜体_的文字**</span><br><span class="line">__这还是一段粗体中*包含斜体*的文字__</span><br></pre></td></tr></table></figure><h4 id="eg-5">eg:</h4><p><strong>这里是一段粗体中<em>包含斜体</em>的文字</strong><br><strong>这也是一段粗体中_包含斜体_的文字</strong><br><strong>这又是一段粗体中_包含斜体_的文字</strong><br><strong>这还是一段粗体中<em>包含斜体</em>的文字</strong></p><h2 id="3-线">3. 线</h2><h3 id="3-1-水平分割线">3.1 水平分割线</h3><ul><li>水平分割线由至少 <strong>3</strong> 个 <code>*</code> 或 <code>-</code> 组成</li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">下面是一条水平分割线：</span><br><span class="line">---</span><br><span class="line">***</span><br></pre></td></tr></table></figure><h4 id="eg-6">eg:</h4><hr><hr><h4 id="注">注:</h4><p>对于普通的文本</p><ul><li>在其下一行用—, 那么这行文本会自动表示为二级标题(且没有显式的##)</li><li>在其下一行用=== , 那么这行文本会自动表示为一级标题(且没有显式的#)<br>(这是标题的另一种语法)</li></ul><h3 id="3-2-文本删除线">3.2 文本删除线</h3><ul><li><strong>删除线 的格式：</strong></li><li><strong><code>~~</code></strong> 文本内容 <strong><code>~~</code></strong> (首尾各加两个 <strong>~</strong> 波浪号)</li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">~~这是一段加了删除线的文本~~</span><br></pre></td></tr></table></figure><h4 id="eg-7">eg:</h4><p><s>这是一段加了删除线的文本</s></p><h3 id="3-3-文本下划线">3.3 文本下划线</h3><ul><li>下划线的格式，和 HTML 是一样的</li><li><strong><code>&lt;u&gt;</code></strong> + 文本内容 + <strong><code>&lt;/u&gt;</code></strong></li></ul><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">u</span>&gt;</span>这是一段加了下划线的文本<span class="tag">&lt;/<span class="name">u</span>&gt;</span></span><br></pre></td></tr></table></figure><h4 id="eg-8">eg:</h4><p><u>这是一段加了下划线的文本</u></p><h2 id="4-列表-引用">4. 列表&amp;引用</h2><h3 id="4-1-有序列表">4.1 有序列表</h3><ul><li><p><strong>有序列表 的格式：</strong></p><ul><li><strong><code>1.</code></strong> 文本内容</li></ul></li><li><p><strong>说明：</strong></p><ul><li>输入文本内容后，敲击 <strong>Enter</strong> 自动补全格式，并进入 <strong>下个</strong> 有序列表</li><li>若需要在同个列表内，增加 <strong>换行显示</strong> 的内容 (<strong>但不进入下个列表</strong>) 则敲击 <strong>Shift</strong> + <strong>Enter</strong></li><li>在有序列表的中间，插入一个新的列表，后面列表的 <strong>数字序号</strong> 会自动 <strong>递进</strong> 一层</li><li>即便在源代码模式中修改了数字序号，渲染界面依然是 <strong>依照顺序</strong> 显示的!!!</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line">1. 这是第一个有序列表 &lt;!-- (Enter) --&gt;</span><br><span class="line">2. 这是第二个有序列表 &lt;!-- (Enter) --&gt;</span><br><span class="line">3. 这是第三个有序列表 </span><br><span class="line"></span><br><span class="line"></span><br><span class="line">1. 这是第一个有序列表 &lt;!-- (Shift + Enter) --&gt;</span><br><span class="line">   这是同个列表下，另起一行的文本内容 &lt;!-- (Enter) --&gt;</span><br><span class="line">2. 这是第二个有序列表 &lt;!-- (Shift + Enter) --&gt;</span><br><span class="line">   这是同个列表下，另起一行的文本内容</span><br></pre></td></tr></table></figure><h4 id="eg-9">eg:</h4><ol><li>这是第一个有序列表</li><li>这是第二个有序列表</li><li>这是第三个有序列表</li><li>这是第一个有序列表 这是同个列表下，另起一行的文本内容</li><li>这是第二个有序列表 这是同个列表下，另起一行的文本内容</li></ol><h3 id="补充-就是在无序列表的内容中表示有序符号">补充 (就是在无序列表的内容中表示有序符号)</h3><ul><li>由于有序列表存在<strong>强制排序性</strong>，它的数字序号必然是<strong>逐一递进</strong>的. 若你希望内容前的数字，不依照<strong>递进顺序</strong>排序，或者以 <strong>整百</strong>，<strong>整十数</strong> 排序</li><li>可以配合<strong>无序列表</strong>，在无序列表中输入：<ul><li><code>数字</code> + <code>.</code> + 内容<br>#注意 点号 与 内容 之间，<strong>没有空格</strong> (其实有空格也行，就是会感觉有点奇怪)</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">- 10.这是无序列表下，整十数排列的内容</span><br><span class="line">- 20.这是无序列表下，整十数排列的内容</span><br><span class="line">- 30.这是无序列表下，整十数排列的内容</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">- 100.这是无序列表下，整百数排列的内容</span><br><span class="line">- 200.这是无序列表下，整百数排列的内容</span><br><span class="line">- 300.这是无序列表下，整百数排列的内容</span><br></pre></td></tr></table></figure><p><strong>效果：</strong></p><ul><li><p>10.这是无序列表下，整十数排列的内容</p></li><li><p>20.这是无序列表下，整十数排列的内容</p></li><li><p>30.这是无序列表下，整十数排列的内容</p></li><li><p>100.这是无序列表下，整百数排列的内容</p></li><li><p>200.这是无序列表下，整百数排列的内容</p></li><li><p>300.这是无序列表下，整百数排列的内容</p></li></ul><h3 id="4-2-无序列表">4.2 无序列表</h3><ul><li><p><strong>无序列表 的格式：</strong></p><ul><li><strong>-</strong> <strong>空格</strong> 文本内容  ( -, +, * 都行)</li><li></li></ul></li><li><p><strong>说明：</strong></p><ul><li>输入文本内容后，敲击 <strong>Enter</strong> 自动补全格式，并进入 <strong>下个</strong> 无序列表</li><li>若需要在同个列表内，增加<strong>换行</strong>显示的内容 (<strong>但不进入下个列表</strong>) 敲击 <strong>Shift</strong> + <strong>Enter</strong> ，即可另起一行输入文本</li></ul></li><li><p><strong>补充：</strong></p><ul><li>在<strong>Obsidian</strong>中，按下 <strong>Ctrl</strong> + <strong>Enter</strong>  (敲两下则是[[03. Ob中的md(全)#8. 任务列表（待办）|待办]])</li><li>即可快速生成一个无序列表</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">- 这是第1个无序列表 &lt;!-- (Enter) --&gt;</span><br><span class="line">- 这是第2个无序列表 &lt;!-- (Enter) --&gt;</span><br><span class="line">- 这是第3个无序列表</span><br><span class="line"></span><br><span class="line">- 这是第一个无序列表 &lt;!-- (Shift + Enter) --&gt;</span><br><span class="line">  这是同个列表下，另起一行的文本内容</span><br><span class="line">- 这是第二个无序列表 &lt;!-- (Shift + Enter) --&gt;</span><br><span class="line">  这是同个列表下，另起一行的文本内容</span><br></pre></td></tr></table></figure><h4 id="eg-10">eg:</h4><ul><li><p>这是第1个无序列表</p></li><li><p>这是第2个无序列表</p></li><li><p>这是第3个无序列表</p></li><li><p>这是第一个无序列表<br>这是同个列表下，另起一行的文本内容</p></li><li><p>这是第二个无序列表 这是同个列表下，另起一行的文本内容</p></li></ul><h3 id="4-3-引用">4.3 引用</h3><ul><li><p><strong>引用 的格式：</strong></p><ul><li><strong>&gt;</strong> + 文本内容</li></ul></li><li><p><strong>说明：</strong></p><ul><li><strong>同个引用段落</strong>内的换行直接敲击 <strong>Enter</strong> 即可</li><li>若需添加 <strong>第二个独立引用段落</strong> ，连续敲击 **两下***<em>Enter</em> 即可</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&gt;这是第一段引用文本的第1行 &lt;!-- (Enter) --&gt;</span><br><span class="line">&gt;这是第一段引用文本的第2行 &lt;!-- (Enter) --&gt;</span><br><span class="line">&lt;!-- (Enter) --&gt;</span><br><span class="line">&gt;这是第二段引用文本的第1行 &lt;!-- (Enter) --&gt;</span><br><span class="line">&gt;这是第二段引用文本内第2行</span><br></pre></td></tr></table></figure><h4 id="eg-11">eg:</h4><blockquote><p>这是第一段引用文本的第1行 这是第一段引用文本的第2行</p><p>这是第二段引用文本的第1行 这是第二段引用文本的第2行</p></blockquote><h4 id="嵌套引用">嵌套引用</h4><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&gt;</span><br><span class="line">&gt;&gt;</span><br><span class="line">&gt;&gt;&gt;</span><br></pre></td></tr></table></figure><blockquote><p>第一层嵌套引用</p><blockquote><p>第二层嵌套引用</p><blockquote><p>第三层嵌套引用</p></blockquote></blockquote></blockquote><h3 id="4-4-缩进-退格">4.4 缩进&amp;退格</h3><p><strong>在列表和引用的书写过程中，我们需要利用 ==缩进== 与 ==退格== ，让文章肌理分明，更具层级</strong></p><ul><li><p><strong>缩进：</strong></p><ul><li><strong>Tab</strong></li><li>Ctrl + [</li></ul></li><li><p><strong>退格：</strong></p><ul><li><strong>Shift</strong> + <strong>Tab</strong></li><li>Ctrl + ]</li></ul></li></ul><h3 id="4-4-1-有序列表的缩-退">4.4.1 有序列表的缩&amp;退</h3><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">1. 第一级有序列表1 &lt;!-- (Enter) --&gt;</span><br><span class="line">    1. 第二级有序列表1    &lt;!-- 写文本之前，先( Tab 或 Ctrl + ] ) ；写完文本后，再(Enter) --&gt;</span><br><span class="line">    2. 第二级有序列表2 &lt;!-- (Enter) --&gt;</span><br><span class="line">2. 第一级有序列表2    &lt;!-- 写文本前，先 ( Shift + Tab 或 Ctrl + [ ) --&gt;</span><br></pre></td></tr></table></figure><ul><li><strong>补充说明：</strong><ul><li>有序列表的<strong>数字序号</strong>，即便你在源代码模式里 强行改掉 数字，它仍然会 <strong>依照顺序</strong> 显示</li></ul></li></ul><h4 id="eg-12">eg:</h4><ol><li>第一级有序列表1<ol><li>我是先tab, 它就显示了1.</li></ol></li><li>第二级有序列表1</li><li>第二级有序列表2</li><li>第一级有序列表2</li></ol><h3 id="4-4-2-无序列表的缩-退">4.4.2 无序列表的缩&amp;退</h3><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">- 第一级无序列表1 &lt;!-- (Enter) --&gt;</span><br><span class="line">    - 第二级无序列表1  &lt;!-- 写文本前，先( Tab 或 Ctrl + ] ) ；写完后，再(Enter) --&gt;</span><br><span class="line">    - 第二级无序列表2 &lt;!-- (Enter) --&gt;</span><br><span class="line">- 第一级无序列表2  &lt;!-- 写文本前，先 ( Shift + Tab 或 Ctrl + [ ) --&gt;</span><br></pre></td></tr></table></figure><h4 id="eg-13">eg:</h4><ul><li>第一级无序列表1</li><li>第二级无序列表1</li><li>第二级无序列表2</li><li>第一级无序列表2</li></ul><h3 id="4-4-3-引用的缩-退">4.4.3 引用的缩&amp;退</h3><ul><li>引用的 <strong>缩进</strong> 和列表 <strong>不同</strong><ul><li>引用需另起一行，并额外多打一个 &gt; 来完成 <strong>缩进</strong></li></ul></li><li>引用的 <strong>退格</strong> 与列表 <strong>相同</strong><ul><li><strong>Shift</strong> + <strong>Tab</strong></li><li><strong>Ctrl</strong> + <strong>]</strong> （右中括号）</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&gt;第一级引用1 &lt;!-- (enter) --&gt;</span><br><span class="line">&gt;&gt;第二级引用1 &lt;!-- 先打1个 &gt; (这里的第一个 &gt; 是会自动补充的，只需额外增补1个即可) ，再(enter) --&gt;</span><br><span class="line">&gt;&gt;第二级引用2 &lt;!-- (enter) --&gt;</span><br><span class="line">&gt;第一级引用2   &lt;!-- 写文本前，先 ( Shift + Tab 或 Ctrl + [ ) --&gt;</span><br></pre></td></tr></table></figure><h3 id="4-4-4-有序-无序-引用-连续套娃">4.4.4 有序&amp;无序&amp;引用 连续套娃</h3><ul><li><strong>有序列表</strong>、<strong>无序列表</strong>、<strong>引用</strong> 三者之间，可以相互嵌套</li><li><strong>核心键</strong> ： <strong>Shift</strong> + <strong>Enter</strong>**&amp;<strong><strong>Enter</strong></strong>&amp;**<strong>Shift</strong> + **Tab</li><li><strong>Shift</strong> + <strong>Enter</strong> 在切换格式的嵌套中，是 自带一层 <strong>缩进</strong> 效果的  (本来就是同块中的换行, 当然自带了)</li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line">1. 第一级 有序列表1 &lt;!-- (Shift + Enter) --&gt; </span><br><span class="line">    - 第二级 无序列表1 &lt;!-- (Shift + Enter) --&gt;</span><br><span class="line">        &gt;第三级 引用1  &lt;!-- (Enter) --&gt;</span><br><span class="line">            - 第四级 无序列表2 &lt;!-- (Shift + Enter) --&gt;</span><br><span class="line">                1. 第五级 有序列表2 &lt;!-- (Enter) --&gt;</span><br><span class="line">            - 第四级 无序列表3   &lt;!-- 写文本前，先( Shift + Tab 或 Ctrl + [ ) ；写完后再 (Enter) --&gt;</span><br><span class="line">        &gt;第三级 引用2  &lt;!-- 写文本前，先( Shift + Tab 或 Ctrl + [ ) ；写完后再 (Enter × 2) --&gt;</span><br><span class="line">    - 第二级 无序列表4  &lt;!-- 写文本前，先( Shift + Tab 或 Ctrl + [ ) --&gt;</span><br><span class="line">2. 第一级 有序列表3  &lt;!-- 写文本前，先( Shift + Tab 或 Ctrl + [ ) --&gt;</span><br></pre></td></tr></table></figure><h4 id="eg-14">eg:</h4><ol><li><p>第一级 有序列表1 <!-- (Shift + Enter) --></p><ul><li><p>第二级 无序列表1 <!-- (Shift + Enter) --></p><blockquote><p>第三级 引用1  <!-- (Enter) --></p><ul><li>第四级 无序列表2 <!-- (Shift + Enter) --><ol><li>第五级 有序列表2 <!-- (Enter) --></li></ol></li><li>第四级 无序列表3   <!-- 写文本前，先( Shift + Tab 或 Ctrl + [ ) ；写完后再 (Enter) --><br>第三级 引用2  <!-- 写文本前，先( Shift + Tab 或 Ctrl + [ ) ；写完后再 (Enter × 2) --></li></ul></blockquote></li><li><p>第二级 无序列表4  <!-- 写文本前，先( Shift + Tab 或 Ctrl + [ ) --></p></li></ul></li><li><p>第一级 有序列表3  <!-- 写文本前，先( Shift + Tab 或 Ctrl + [ ) --></p></li></ol><h2 id="5-网页链接与图像">5. 网页链接与图像</h2><h3 id="5-1-网页链接">5.1 网页链接</h3><ul><li><p><strong>网页链接的 格式：</strong><br>[ 显示文本内容 ](  链接地址 + <strong>空格</strong> + “提示信息文本” )</p></li><li><p><strong>说明：</strong></p><ul><li>显示文本内容: 是在渲染界面实际 <strong>可见</strong> 的文本，用以 <strong>说明</strong> 链接</li><li>提示信息文本: 需鼠标悬停于 <strong>显示文本内容</strong> 方可触发，用于增加额外提示信息 (别忘了英文双引号)</li><li>注意 <strong><code>&quot;提示信息文本&quot;</code></strong> 是<strong>可选项</strong>(一般不加)</li></ul></li></ul><p>一般来讲，需按住 <strong>Ctrl</strong> + <strong><code>鼠标左键点击</code></strong> 才可跳转链接，不过也有 <strong>直接鼠标点击</strong> 就能跳转的<br>eg:</p><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">[显示文本内容](链接地址 &quot;提示信息文本&quot;)</span><br><span class="line">[百度一下，你就知道](http://www.baidu.com &quot;按住Ctrl点击跳转百度&quot;)</span><br></pre></td></tr></table></figure><p><strong>示范：</strong></p><p><a href="https://link.zhihu.com/?target=http%3A//www.baidu.com/" title="来后">百度一下，你就知道</a></p><h4 id="5-1-1链接的加粗">5.1.1链接的加粗</h4><ul><li><strong>格式有两种：</strong></li></ul><ol><li><p>把一对 ** 加在 ==显示文本内容==的首尾</p><ul><li><strong>格式1：</strong><code>[**显示文本内容**](链接地址)</code></li><li><strong>效果：</strong> <a href="https://link.zhihu.com/?target=http%3A//www.baidu.com/"><strong>百度一下，你就知道</strong></a></li></ul></li><li><p>把一对 ** 加在 链接格式==整体== 的首尾</p><ul><li><strong>格式2：</strong><code>**[显示文本内容](链接地址)**</code></li><li><strong>效果：</strong> <strong><a href="https://link.zhihu.com/?target=http%3A//www.baidu.com/">百度一下，你就知道</a></strong></li></ul></li></ol><h4 id="5-1-2-插入超链接最简单的方式">5.1.2 插入超链接最简单的方式</h4><p>用尖括号括起链接即可<br><a href="http://www.wikipedia.org">http://www.wikipedia.org</a></p><h3 id="5-2-图像">5.2 图像</h3><ul><li><strong>图像格式：</strong>  (就是开头多了个 ! )</li><li>图像格式，就是在网页链接前面加个 <strong>!</strong> (英文格式的)，<strong><code>!</code></strong> 代表 <strong>可见</strong></li><li>图片的提示信息，和网页链接一样，写在 <strong><code>&quot; &quot;</code></strong> 内</li><li><strong><code>[ ]</code></strong> 方括号里的文字信息在 <strong>Markdown</strong> 没啥实质的作用，只是方便在源代码模式下，知道这个图片是什么，在渲染界面是不会显示的。有点类似于HTML <strong>img标签</strong> 里的 <strong>alt属性</strong>。</li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">![文字信息](图片链接 &quot;提示文本信息&quot;)  </span><br><span class="line"></span><br><span class="line">![湘湖1](https://z3.ax1x.com/2021/08/06/fuNkXq.jpg &quot;湘湖一角&quot;)</span><br></pre></td></tr></table></figure><ul><li><p><strong>补充：</strong></p><ul><li>图像链接可以是<strong>本地</strong>的，也可以是<strong>在线</strong>的</li><li>本地图像直接 <strong><code>Ctrl + C</code></strong> 黏贴，<strong><code>Ctrl + V</code></strong> 复制 就可以</li><li>在线图像推荐使用 <a href="https://imgse.com/">图床</a></li></ul></li><li><p>调整图像的大小需要使用 HTML 和 CSS，在 <strong>Typora编辑器</strong> 中右键可以直接缩放图片 本质是转成了HTML的格式，最后会有一个 <code>style=&quot;zoom: %;&quot;</code> ，这里数值可以自己修改</p></li><li><p><strong>Obsidian</strong>的图片设置大小是用 <strong>|</strong> 分隔，后面写宽度数值，单位是px。 设定好宽度，高度会自动<strong>等比例调整</strong></p><ul><li><code>![|宽度数值]()</code> - 若想自主调整图片宽高，则用： - <code>![|宽度数值x高度数值]</code> - #提示 这里的 <code>x</code> 是 英文字母<strong>x</strong></li><li>如果是<strong>在线图床</strong>，需要调整图片大小：<code>![|宽度数值](链接地址)</code><br>eg:<br><img src="https://pic1.zhimg.com/80/v2-f2a92bda6fc21152e4ec4e5c80b174bc_720w.webp" alt="|325"></li></ul></li></ul><h2 id="6-表格">6. 表格</h2><ul><li><strong>|</strong> 是构成表格的主要 <strong>框架</strong></li><li><strong>-</strong> 区分 <strong>表头</strong> 和 <strong>表格主体</strong></li><li><strong>:</strong> 控制 表格内 <strong>文本内容</strong> 的 <strong>对齐方式</strong></li><li><strong>Typora编辑器中</strong> 输入 <strong><code>Ctrl + T</code></strong> 即可快速插入表格，自由定义样式</li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">|这里是表头1|这里是表头2|这里是表头3|</span><br><span class="line">|:-|:-:|-:|    &lt;!--区分表头和表格主体，:代表文本对齐方式，:在那边就是往哪边对齐&gt;</span><br><span class="line">|单元格数据1|单元格数据2|单元格数据3|</span><br><span class="line">|单元格数据4|单元格数据5|单元格数据6|</span><br></pre></td></tr></table></figure><h4 id="eg-15">eg:</h4><table><thead><tr><th style="text-align:left">表头1</th><th style="text-align:center">表头2</th><th style="text-align:right">表头3</th></tr></thead><tbody><tr><td style="text-align:left">单元格数据1</td><td style="text-align:center">单元格数据2</td><td style="text-align:right">单元格数据3</td></tr><tr><td style="text-align:left">单元格数据4</td><td style="text-align:center">单元格数据5</td><td style="text-align:right">单元格数据6</td></tr></tbody></table><h4 id="html中的表格写法">html中的表格写法</h4><p><code>html &lt;table border=&quot;1&quot;&gt; &lt;tr&gt; &lt;td&gt;row 1, cell 1&lt;/td&gt; &lt;td&gt;row 1, cell 2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;row 2, cell 1&lt;/td&gt; &lt;td&gt;row 2, cell 2&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;</code></p><p>html <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table></p><h3 id="6-1-表格中文本内容的换行">6.1 表格中文本内容的换行</h3><ul><li>Mardown中表格，它的宽高是由 单元格数据内的文本内容 <strong>撑开</strong> 的</li><li>当我们输入一段很长很长的文本，它所在的单元格会变得过宽</li></ul><p><strong>如下图所示：</strong></p><p>| 表头1 | 表头2 | | :----------------------------------------------------------: | :------: | | 这是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长的文本 | 普通文本 |</p><ul><li>若想对一段长文本进行换行，可以在 <strong>中间</strong> 插入一个 <code>&lt;br&gt;</code> （ 换行标签 )</li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">| 表头1 |  表头2 |</span><br><span class="line">|:-:|:-:|</span><br><span class="line">|这是第一行文本&lt;br&gt;这是另起一行的文本|普通文本|</span><br></pre></td></tr></table></figure><h4 id="eg-16">eg:</h4><table><thead><tr><th style="text-align:center">表头1</th><th style="text-align:center">表头2</th></tr></thead><tbody><tr><td style="text-align:center">这是第一行文本<br>这是另起一行的文本</td><td style="text-align:center">普通文本</td></tr></tbody></table><h2 id="7-代码域">7. 代码域</h2><h3 id="7-1-行内代码">7.1 行内代码</h3><ul><li><p><strong>行内代码 的格式：</strong></p><ul><li>输入两个反引号`` ，在中间写代码内容</li></ul></li><li><p><strong>补充：</strong></p><ul><li>行内代码不一定非得写代码，也可以作为<code>着重标记</code>，突出显示内容</li><li>行内代码中，源代码界面和渲染界面是完全一致的，标识符(如**)会失效</li><li><strong>所谓行内代码：</strong> 只要你的屏幕足够宽，它就不会换行</li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">`这是一段行内代码`</span><br><span class="line"></span><br><span class="line">`&lt;table border=&quot;1&quot; cellspacing=&quot;0&quot; width=&quot;500&quot; height=&quot;500&quot;&gt;`</span><br><span class="line"></span><br><span class="line">`print(&quot;Hello, World!&quot;)`</span><br><span class="line"></span><br><span class="line">`这是一行突出显示的文本内容`</span><br></pre></td></tr></table></figure><h4 id="eg-17">eg:</h4><p><code>&lt;table border=&quot;1&quot; cellspacing=&quot;0&quot; width=&quot;500&quot; height=&quot;500&quot;&gt;</code></p><p><code>print(&quot;Hello, World!&quot;)</code></p><p><code>这是一行突出显示的文本内容</code></p><h3 id="7-2-代码块">7.2 代码块</h3><ul><li><p><strong>代码块 的格式：</strong></p><ul><li>在首行和末行各加 <strong>三个</strong>反引号```:     ``` 语言种类 代码内容 ```</li><li>在首行和末行各加 <strong>三个</strong> <strong>~</strong> 波浪号:     <strong><code>~~~</code></strong> + 语言种类 代码内容 <strong><code>~~~</code></strong></li></ul></li><li><p><strong>补充：</strong></p><ul><li>在代码块也不一定要写代码，可以写<strong>一段</strong>突出的文本内容，语言类型可以填写 <strong>txt</strong> 或者 <strong>干脆不写</strong></li><li>代码块中，源代码界面和渲染界面是完全一致的，标识符会失效</li><li>在 <strong>Typora编辑器</strong> ，用键盘按键脱离代码块区域，需输入： <strong>Ctrl + Enter</strong></li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">​```语言种类</span><br><span class="line">代码内容</span><br><span class="line">代码内容</span><br><span class="line">代码内容</span><br></pre></td></tr></table></figure><p>下面是HTML代码块</p><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">table</span> <span class="attr">border</span>=<span class="string">&quot;1&quot;</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">tr</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">td</span>&gt;</span>row 1, cell 1<span class="tag">&lt;/<span class="name">td</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">td</span>&gt;</span>row 1, cell 2<span class="tag">&lt;/<span class="name">td</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">tr</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">tr</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">td</span>&gt;</span>row 2, cell 1<span class="tag">&lt;/<span class="name">td</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">td</span>&gt;</span>row 2, cell 2<span class="tag">&lt;/<span class="name">td</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">tr</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">table</span>&gt;</span></span><br></pre></td></tr></table></figure><p>下面是CSS代码块</p><figure class="highlight css"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="selector-class">.box</span> &#123;</span><br><span class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</span><br><span class="line">    <span class="attribute">height</span>: <span class="number">400px</span>;</span><br><span class="line">    <span class="attribute">margin</span>: <span class="number">100px</span> auto;</span><br><span class="line">    <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(black <span class="number">33.3%</span>,red <span class="number">33.3%</span>, red <span class="number">66.6%</span>, yellow <span class="number">66.6%</span>, yellow);</span><br><span class="line">&#125;   </span><br></pre></td></tr></table></figure><p>下面是JavaScript代码块</p><figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">// 定义一个30个整数的数组，按顺序分别赋予从2开始的偶数；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。试编程</span></span><br><span class="line"><span class="keyword">let</span> arr = [<span class="number">2</span>, <span class="number">4</span>, <span class="number">6</span>, <span class="number">8</span>, <span class="number">10</span>, <span class="number">12</span>, <span class="number">14</span>, <span class="number">16</span>, <span class="number">18</span>, <span class="number">20</span>, <span class="number">22</span>, <span class="number">24</span>, <span class="number">26</span>, <span class="number">28</span>, <span class="number">30</span>, <span class="number">32</span>, <span class="number">34</span>, <span class="number">36</span>, <span class="number">38</span>, <span class="number">40</span>, <span class="number">42</span>, <span class="number">44</span>, <span class="number">46</span>, <span class="number">48</span>, <span class="number">50</span>, <span class="number">52</span>, <span class="number">54</span>, <span class="number">56</span>, <span class="number">58</span>, <span class="number">60</span>]</span><br><span class="line"><span class="keyword">let</span> newarr = [];</span><br><span class="line"><span class="keyword">for</span> (<span class="keyword">let</span> i = <span class="number">0</span>, count = <span class="number">0</span>, sum = <span class="number">0</span>, len = arr.<span class="property">length</span>; i &lt; len; i++) &#123;</span><br><span class="line">    sum += arr.<span class="title function_">shift</span>();</span><br><span class="line">    count++;</span><br><span class="line">    <span class="keyword">if</span> (count % <span class="number">5</span> === <span class="number">0</span>) &#123;</span><br><span class="line">        newarr.<span class="title function_">push</span>(sum / <span class="number">5</span>);</span><br><span class="line">        sum =  <span class="number">0</span>;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="variable language_">console</span>.<span class="title function_">log</span>(newarr);</span><br><span class="line"></span><br><span class="line"><span class="keyword">let</span> arr = [<span class="number">2</span>, <span class="number">4</span>, <span class="number">6</span>, <span class="number">8</span>, <span class="number">10</span>, <span class="number">12</span>, <span class="number">14</span>, <span class="number">16</span>, <span class="number">18</span>, <span class="number">20</span>, <span class="number">22</span>, <span class="number">24</span>, <span class="number">26</span>, <span class="number">28</span>, <span class="number">30</span>, <span class="number">32</span>, <span class="number">34</span>, <span class="number">36</span>, <span class="number">38</span>, <span class="number">40</span>, <span class="number">42</span>, <span class="number">44</span>, <span class="number">46</span>, <span class="number">48</span>, <span class="number">50</span>, <span class="number">52</span>, <span class="number">54</span>, <span class="number">56</span>, <span class="number">58</span>, <span class="number">60</span>]</span><br><span class="line"><span class="keyword">let</span> newarr = [];</span><br><span class="line"><span class="keyword">for</span> (<span class="keyword">let</span> i = <span class="number">0</span>, len = arr.<span class="property">length</span>; i &lt; len / <span class="number">5</span>; i++) &#123;</span><br><span class="line">    <span class="keyword">let</span> subarr = arr.<span class="title function_">splice</span>(<span class="number">0</span>, <span class="number">5</span>)</span><br><span class="line">    <span class="keyword">for</span> (<span class="keyword">let</span> j = <span class="number">0</span>, sum = <span class="number">0</span>; j &lt; subarr.<span class="property">length</span>; j++) &#123;</span><br><span class="line">        sum += subarr[j];</span><br><span class="line">    &#125;</span><br><span class="line">    newarr.<span class="title function_">push</span>(sum / <span class="number">5</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="variable language_">console</span>.<span class="title function_">log</span>(newarr);</span><br></pre></td></tr></table></figure><p>下面是Python代码块</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#!/usr/bin/python</span></span><br><span class="line"><span class="comment"># -*- coding: UTF-8 -*-</span></span><br><span class="line"></span><br><span class="line">i = <span class="number">2</span></span><br><span class="line"><span class="keyword">while</span>(i &lt; <span class="number">100</span>):</span><br><span class="line">   j = <span class="number">2</span></span><br><span class="line">   <span class="keyword">while</span>(j &lt;= (i/j)):</span><br><span class="line">      <span class="keyword">if</span> <span class="keyword">not</span>(i%j): <span class="keyword">break</span></span><br><span class="line">      j = j + <span class="number">1</span></span><br><span class="line">   <span class="keyword">if</span> (j &gt; i/j) : <span class="built_in">print</span> i, <span class="string">&quot; 是素数&quot;</span></span><br><span class="line">   i = i + <span class="number">1</span></span><br><span class="line"></span><br><span class="line"><span class="built_in">print</span> <span class="string">&quot;Good bye!&quot;</span></span><br></pre></td></tr></table></figure><p>下面是一块突出显示的文本</p><figure class="highlight txt"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">这是一段</span><br><span class="line">突出显示的</span><br><span class="line">文本内容</span><br></pre></td></tr></table></figure><h3 id="7-2-1-代码块的嵌套">7.2.1 代码块的嵌套</h3><p>(所有内层代码块都会是最外层代码块的形式)</p><p><strong>格式：</strong><br>使用<strong>4</strong>个 <code>`</code> 包裹 <strong>3</strong>个 <code>`</code></p><h4 id="eg-18">eg:</h4><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br></pre></td><td class="code"><pre><span class="line">​````js</span><br><span class="line">​```js</span><br><span class="line">// 3. 输出 100以内(不包括100) 所有偶数的和</span><br><span class="line">// 这类求和问题的核心 ： 利用循环  (总和 = 旧数的和 + 新数)</span><br><span class="line"></span><br><span class="line">let sum = 0;</span><br><span class="line"></span><br><span class="line">for (let i = 1, sum = 0; i &lt; 100; i++) &#123;</span><br><span class="line"> if (i % 2 == 0) &#123;</span><br><span class="line"> // 筛选偶数</span><br><span class="line"> sum += i; // sum = sum + i // 累加偶数并赋值给sum</span><br><span class="line"> // sum为(旧的，已经进入循环的数)的和，i 为新进入循环的数。当加到(最后一个新数i)时，sum就是最后的 总和</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">console.log(sum); // 打印总和</span><br><span class="line">```</span><br><span class="line"></span><br><span class="line">````</span><br><span class="line"></span><br></pre></td></tr></table></figure><p>如果要再套一层，就在最外层 加 <strong>5</strong>个 <code>`</code> ，以此类推……</p><h3 id="7-3-如何在行内代码里显示反引号">7.3 如何在行内代码里显示反引号</h3><p>首尾各用 两个反引号 ` 包裹</p><p><strong>格式：</strong></p><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">``这是一段能显示`反引号`的行内代码``</span><br></pre></td></tr></table></figure><p><strong>效果：</strong></p><p><code>这是一段能显示`反引号`的行内代码</code></p><h2 id="8-任务列表（待办）">8. 任务列表（待办）</h2><ul><li><p><strong>任务列表 的格式：</strong></p><ul><li><strong>-</strong> + <strong>空格</strong> +<strong><code>[ ]</code></strong> +<strong>空格</strong> + 任务列表内容 ( 中括号<code>[ ]</code> 里面必须有个空格)</li></ul></li><li><p>给待办任务列表打 <strong><code>√</code></strong> ，变成 <strong>已办</strong></p><ol><li>在渲染界面，直接鼠标左键点击框框</li><li>在源代码界面，在中括号内输入 <strong>英文字母x</strong></li><li>部分编辑器，在 中括号内 输入<strong>任意字符</strong>都可以打 <strong><code>√</code></strong> ( 例如 <strong>Obsidian</strong> )</li></ol></li><li><p><strong>补充：</strong></p></li><li><p>大部分 MD编辑器 支持输入第一个任务列表后，按下 <strong>Enter</strong> 进入下一行会 <strong>自动补全待办格式</strong></p></li><li><p>在<strong>Obsidian</strong>中，连续输入<strong>两次</strong><code>Ctrl + Enter</code> ，即可生成一个待办列表</p><ul><li>再输入一次 <code>Ctrl + Enter</code> ，会在待办列表 打 <strong>√</strong></li></ul></li><li><p><strong>格式：</strong></p></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">- [ ] 待办任务列表1</span><br><span class="line">- [ ] 待办任务列表2</span><br><span class="line">- [x] 已办任务列表1    &lt;!-- 英文字母X --&gt;</span><br><span class="line">- [x] 已办任务列表2</span><br></pre></td></tr></table></figure><h4 id="eg-19">eg:</h4><ul><li><p>[ ] 待办任务列表1</p></li><li><p>[ ] 待办任务列表2</p></li><li><p>[x] 已办任务列表1</p></li><li><p>[x] 已办任务列表2</p></li><li><p>在 <strong>Obsidian</strong> 中，可以利用 <strong>Ctrl</strong> + <strong>Enter</strong> ，快速生成任务列表</p><ol><li><strong>Ctrl</strong> + <strong>Enter</strong> +<strong>Enter</strong> 待办文本内容</li><li>待办文本内容 + <strong>Ctrl</strong> + <strong>Enter×2</strong> ( 输入文本后，连续2次 <code>Ctrl + enter</code> )</li></ol></li><li><p><strong>任务列表也是可以缩进+退格的，操作跟 无序、有序列表一样</strong></p></li></ul><h4 id="eg-20">eg:</h4><ul><li><p>[ ] 第一级待办列表1</p><ul><li>[ ] 第二级待办列表1 另起一行的第二级待办列表1<ul><li>[x] 第三级已办列表1</li><li>[x] 第三级已办列表2</li></ul></li><li>[ ] 第二级待办列表2<br>另起一行的第二级待办列表2</li></ul></li><li><p>[ ] 第一级待办列表2</p></li></ul><h2 id="9-注释">9. 注释</h2><p><strong>Markdown</strong> 的 <strong>注释</strong> 和 <strong>HMTL</strong> 一样，注释的内容在 <strong>渲染界面</strong> <strong>不可见</strong> （部分编辑器可见)</p><ul><li><p><strong>注释 的格式：</strong></p><ul><li><code>&lt;!-- 这里是注释的内容 --&gt;</code></li></ul></li><li><p>注释可以是单行，也可以是多行</p></li><li><p>如果有在使用 <strong>Obsidian</strong> 的，它的注释格式是不一样的<br>%%这是Obsidian的注释内容%%</p><ul><li><strong><code>%%这是Obsidian的注释内容%%</code></strong></li></ul></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br></pre></td><td class="code"><pre><span class="line">&lt;!-- 这里是一行注释 --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!--</span><br><span class="line">这里是</span><br><span class="line">一段</span><br><span class="line">假装有</span><br><span class="line">很多行的</span><br><span class="line">注释</span><br><span class="line">--&gt;</span><br><span class="line"></span><br><span class="line">%%这是一行Obsidian里的注释%%</span><br><span class="line"></span><br><span class="line">%%</span><br><span class="line">这里是</span><br><span class="line">一段</span><br><span class="line">假装有</span><br><span class="line">很多行的</span><br><span class="line">Obsidian里的</span><br><span class="line">注释</span><br><span class="line">%%</span><br></pre></td></tr></table></figure><h4 id="eg-只有切换至-编辑模式-才能看到喔">eg: (只有切换至 编辑模式 才能看到喔)</h4><p>%%这是一行Obsidian里的注释%%</p><p>%% 这里是 一段<br>假装有<br>很多行的 Obsidian里的<br>注释 %%</p><h2 id="10-变量">10. 变量</h2><h3 id="10-1-网页链接变量">10.1 网页链接变量</h3><ul><li><p><strong>网页链接变量 的格式：</strong></p></li><li><p>首先输入</p><ul><li><strong><code>[显示文本内容]</code></strong> + <strong><code>[变量名]</code></strong></li><li>变量名可以自己取，没啥限制，任意字符都可以</li></ul></li><li><p>在文档任意一个区域，输入：</p></li><li><p><strong><code>[变量名]</code></strong> + <strong>:</strong> + <strong>空格</strong> + 链接地址 （这个<strong>空格</strong> 不打也没事)</p></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">[百度一下，你就知道][度娘]</span><br><span class="line">[知乎-有问题，就会有答案][知乎]</span><br><span class="line"></span><br><span class="line">&lt;!-- 这里是变量区域 --&gt;</span><br><span class="line">[度娘]: http://www.baidu.com </span><br><span class="line">[知乎]: https://www.zhihu.com</span><br></pre></td></tr></table></figure><h4 id="eg-21">eg:</h4><p><a href="http://www.baidu.com">百度一下，你就知道</a><br><a href="https://www.zhihu.com">知乎-有问题，就会有答案</a></p><h3 id="10-2-脚注">10.2 脚注</h3><ul><li><p><strong>脚注 的格式：</strong></p></li><li><p>在需要脚注的地方，输入：</p></li><li><p><strong><code>[^脚注代号]</code></strong> ( 脚注代号会直接显示在渲染界面 )</p></li><li><p>脚注代号可以随便命名，不过推荐使用 <strong>数字序号</strong></p></li><li><p>在其他区域，输入：</p></li><li><p><strong><code>[^脚注代号]</code></strong> + <strong>:</strong> + <strong>空格</strong> + 脚注内容 （这个 <strong>空格</strong> 不打也没事)</p></li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">鲁迅原名是什么[^1] ，浙江哪里人[^2]</span><br><span class="line"></span><br><span class="line">&lt;!-- 这里是变量区域 --&gt;</span><br><span class="line">[^1]: 周树人</span><br><span class="line">[^2]: 绍兴人</span><br></pre></td></tr></table></figure><h4 id="eg-22">eg:</h4><p>鲁迅原名是什么<a href="%E5%91%A8%E6%A0%91%E4%BA%BA">^1</a>，浙江哪里人<a href="%E7%BB%8D%E5%85%B4%E4%BA%BA">^2</a></p><p>(注意: 脚注不能紧接着原文下一句说, 要隔一行)<br><code>obsidian中, 这里的脚注在阅读模式会自动显示在最下方</code></p><h2 id="11-拓展文本格式标记">11. 拓展文本格式标记</h2><ul><li><strong>Markdown</strong> 想实现更多的文本显示效果，只能依赖HTML标记实现</li><li>个人<strong>不是很推荐</strong>在 MD 中使用 HTML，不过一些简单的标记还是可以 <strong>轻度使用</strong> 的</li></ul><h3 id="11-1-键盘文本">11.1 键盘文本</h3><ul><li><p><strong>键盘文本的 格式：</strong></p><ul><li><strong><code>&lt;kbd&gt;键盘文本&lt;/kbd&gt;</code></strong></li><li><strong><code>&lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;X&lt;/kbd&gt;</code></strong></li></ul></li><li><p><strong>效果：</strong></p><ul><li><kbd>键盘文本</kbd></li><li><kbd>Ctrl</kbd> + <kbd>X</kbd> ( 剪切 )</li></ul></li><li><p><strong>说明：</strong></p><ul><li>键盘文本也不一定非得是键盘按键，也可以作为<strong>着重文本</strong>突出显示</li><li>这也算一种着重文本的方式</li></ul></li></ul><h3 id="11-1-1-加粗键盘文本">11.1.1 加粗键盘文本</h3><ul><li><p><strong>加粗</strong>键盘文本的格式有<strong>两种</strong>：</p><ul><li><code>&lt;kbd&gt;**键盘文本**&lt;/kbd&gt;</code></li><li><code>**&lt;kbd&gt;ctrl + x&lt;/kbd&gt;**</code></li></ul></li><li><p><strong>效果：</strong></p><ol><li><code>&lt;kbd&gt;**键盘文本**&lt;/kbd&gt;</code></li><li><strong><kbd>ctrl + x</kbd></strong></li></ol></li></ul><h3 id="11-2-放大文本">11.2 放大文本</h3><ul><li><p><strong>放大文本 的格式：</strong></p><ul><li><strong><code>这是一段普通文本</code></strong><code>&lt;big&gt;这是一段放大文本&lt;/big&gt;</code></li></ul></li><li><p><strong>效果：</strong></p><ul><li><big>这是一段放大文本</big></li></ul></li></ul><h3 id="11-2-1-放大粗体文本">11.2.1 放大粗体文本</h3><ul><li><p>放大<strong>加粗</strong>文本的格式有<strong>两种</strong>：</p><ol><li><code>**&lt;big&gt;这是一段放大粗体文本&lt;/big&gt;**</code></li><li><code>&lt;big&gt;**这是一段放大粗体文本**&lt;/big&gt;</code></li></ol></li><li><p><strong>效果：</strong></p><ol><li><strong><big>这是一段放大粗体文本</big></strong></li><li><big><strong>这是一段放大粗体文本</strong></big></li></ol></li></ul><h3 id="11-3-缩小文本">11.3 缩小文本</h3><ul><li><strong>缩小文本 的格式：</strong><ul><li><strong><code>这是一段普通文本</code>****<code>&lt;small&gt;这是一段缩小文本&lt;/small&gt;</code></strong></li></ul></li><li><strong>效果：</strong><ul><li><small>这是一段缩小文本</small></li></ul></li></ul><h3 id="11-3-1-缩小斜体文本">11.3.1 缩小斜体文本</h3><ul><li><p><strong>斜体</strong>缩小文本 的格式有<strong>两种</strong>：</p><ol><li><code>&lt;small&gt;*这是一段缩小斜体文本*&lt;/small&gt;</code></li><li><code>*&lt;small&gt;这是一段缩小斜体文本&lt;/small&gt;*</code></li></ol></li><li><p><strong>效果：</strong></p></li></ul><ol><li><small><em>这是一段缩小斜体文本</em></small></li><li><em><small>这是一段缩小斜体文本</small></em></li></ol><h3 id="11-4-多彩文本">11.4 多彩文本</h3><ul><li><p><strong>多彩文本 的格式：</strong></p><ul><li><strong><code>&lt;font color=orange&gt;这是一段橘色文本&lt;/font&gt;</code></strong></li></ul></li><li><p><strong>效果：</strong></p><ul><li><font color=orange>这是一段橘色文本</font><br><em>注意:</em> 结束符是/, 不是\</li></ul></li><li><p>color 里的颜色相关英文单词查询<br><a href="https://c.runoob.com/front-end/55/">RGB转16进制工具</a></p></li><li><p>CSS中相关函数</p><p><a href="https://www.runoob.com/cssref/func-rgb-css.html">CSS rgb() 函数 | 菜鸟教程</a><br><a href="https://www.runoob.com/cssref/func-rgba.html">CSS rgba() 函数 | 菜鸟教程</a></p></li></ul><h3 id="11-4-1-多彩粗体文本">11.4.1 多彩粗体文本</h3><ul><li>只需要在上面示例的基础上，加上 <strong>加粗标识符</strong>，有<strong>两种</strong>格式：</li></ul><ol><li><p><strong>格式1：</strong><code>**&lt;font color=teal&gt;这是一段加粗的水鸭色文本&lt;/font&gt;**</code></p><ul><li><strong>效果：</strong> <strong><font color=teal>这是一段加粗的水鸭色文本</font></strong></li></ul></li><li><p><strong>格式2：</strong><code>&lt;font color=teal&gt;**这是一段加粗的水鸭色文本**&lt;/font&gt;</code></p><ul><li><strong>效果：</strong>  <font color=teal><strong>这是一段加粗的水鸭色文本</strong></font></li></ul></li></ol><ul><li><p>若上述混搭方法的样式<strong>失效</strong> ，可以使用 纯HTML标记</p><ul><li><strong>格式：</strong><code>&lt;strong style=&quot;color:teal;&quot;&gt;这是一段加粗的水鸭色文本&lt;/strong&gt;</code> (标记略复杂，不是很推荐)</li><li><strong>效果：</strong> <strong style="color:teal;">这是一段加粗的水鸭色文本</strong></li></ul></li></ul><h3 id="11-4-2-多彩斜体文本">11.4.2 多彩斜体文本</h3><ul><li><p>跟多彩加粗文本完全一样，只需把首尾的 <code>**</code> 换成 <code>*</code> 即可</p></li><li><p><strong>格式1：</strong><code>*&lt;font color=teal&gt;This is an italic teal text&lt;/font&gt;*</code></p><ul><li><strong>效果：</strong><em>This is an italic teal text</em></li></ul></li><li><p><strong>格式2：</strong><code>&lt;font color=teal&gt;*This is an italic teal text*&lt;/font&gt;</code></p><ul><li><strong>效果：</strong><em>This is an italic teal text</em></li></ul></li></ul><h3 id="11-4-2-多彩粗斜体文本">11.4.2 多彩粗斜体文本</h3><ul><li><p>首尾换成 <code>***</code></p></li><li><p><strong>格式1：</strong><code>***&lt;font color=teal&gt;This is a bold italic teal text&lt;/font&gt;***</code></p><ul><li><strong>效果：****<em>This is a bold italic teal text</em></strong></li></ul></li><li><p><strong>格式2：</strong><code>&lt;font color=teal&gt;***This is a bold italic teal text***&lt;/font&gt;</code></p><ul><li><strong>效果：****<em>This is a bold italic teal text</em></strong></li></ul></li></ul><blockquote><p>注意 多彩文本尽量慎用，<strong>Markdown</strong> 的核心就是 <strong>简洁精炼</strong>，注重 <strong>实质内容</strong>，而非花哨的 颜色样式</p></blockquote><h2 id="12-拓展文本显示效果">12. 拓展文本显示效果</h2><ul><li>拓展显示效果既不是原生 <strong>Markdown语法</strong> 支持的，也非 HTML标记，而是部分编辑器 提供的 <strong>额外标识符</strong>，属于拓展语法，旨在为 <strong>Markdown使用者</strong> 提供更多样式选择</li><li>不同编辑器，支持不一样，这里以 <strong>Typora编辑器</strong> 为例</li></ul><h3 id="12-1-文本高亮">12.1 文本高亮</h3><ul><li><strong>文本高亮 的格式：</strong></li><li><strong><code>==这里是一段高亮文本==</code></strong></li><li><strong>效果：</strong></li><li>==这里是一段高亮文本==</li></ul><h3 id="12-2-上标">12.2 上标</h3><ul><li><p>用一对 <strong>^</strong> 包裹</p></li><li><p><strong>格式：</strong> <code>x^2^</code></p><ul><li><strong>效果：</strong> x^2^</li><li><strong>Obsidian</strong> 没效果的，可以用后面会讲的 <strong>Latex</strong></li></ul></li><li><p>或者，也可以使用 <strong>HTML标记</strong></p><ul><li><code>&lt;sup&gt;这里是上标内容&lt;/sup&gt;</code></li><li><strong>效果：</strong> X<sup>2</sup></li></ul></li></ul><h3 id="12-3-下标">12.3 下标</h3><ul><li><p>用一对 <strong>~</strong> 包裹</p></li><li><p><strong>格式：****<code>H~2~O</code></strong></p><ul><li><strong>效果：</strong> H~2~O</li><li><strong>Obsidian</strong> 没效果的，可以用后面会讲的 <strong>Latex</strong></li></ul></li><li><p>或者，也可以使用 <strong>HTML标记</strong></p><ul><li><code>&lt;sub&gt;这里是下标内容&lt;/sub&gt;</code></li><li><code>H&lt;sub&gt;2&lt;/sub&gt;O</code></li><li><strong>效果：</strong> H<sub>2</sub>O</li></ul></li></ul><h3 id="12-4-Emoji-符号">12.4 Emoji 符号</h3><p>用一对 : 包裹，里面是 <strong>Emoji</strong> 符号的 <strong>语义化文本</strong> ( <strong>Typora编辑器</strong> 中，输入 <code>:</code> 就会带提示器 )</p><ul><li><p><strong>示例：</strong></p></li><li><p><code>:smile:``:sweat:``:cat:``:woman_cartwheeling:</code></p></li><li><p><strong>效果：</strong></p></li><li><p>:smile: :sweat: :cat: :woman_cartwheeling:</p></li><li><p><strong>补充：</strong></p><ul><li>不支持上述方式的 MD编辑器或笔记软件，直接用 <strong>输入法</strong> 输入也是可以的</li><li><strong>Windows系统</strong> 用户 <strong>win + .</strong> 就可以输入 Emoji 了 🤣😊</li><li><strong>Obsidian</strong> 用户可以安装<strong>第三方插件</strong>来支持 <strong>Emoji</strong> 的输入，推荐两个<ol><li>==Emoji Shortcodes==</li><li>==Emoji Toolbar==</li></ol></li></ul></li></ul><h2 id="13-转义字符">13. 转义字符</h2><ul><li><p>在 <strong>Markdown</strong> 中，我们 通过 <strong>标识符</strong> 改变 <strong>文本显示效果</strong></p></li><li><p>现在我们希望它不作为标识符，而是 <strong>作为字符本身呈现出来</strong></p><ul><li>首先我们可以用前面介绍的 <strong>代码域</strong> ，因为代码模式的显示效果就是源代码<strong>完全一致</strong>的</li><li>还有一种方法，可以利用转义字符，在这些标识符 <strong>前面</strong> 加上 <strong>反斜线</strong>**** ( 反斜线要紧贴在标识符前面，<strong>不能</strong> 有 <strong>空格</strong> )</li></ul></li><li><p><strong>原理：</strong></p><ul><li><strong><code>\</code></strong> 的作用是让标识符 <strong>转义</strong> 变为一个<strong>普通字符</strong>，完成这个效果后，反斜线会<strong>自动隐藏</strong></li><li>隐藏后的反斜线仅在<strong>源代码</strong>界面<strong>可见</strong>，在<strong>渲染</strong>界面<strong>不可见</strong></li><li>反斜线只<strong>争对标识符</strong>起作用，其他字符添加 <strong><code>\</code></strong>，<strong><code>\</code></strong> 不会自动隐藏</li></ul></li><li><p><strong>补充：</strong></p><ul><li>如果想给已经被加在标识符前面，会自动隐藏的 <strong><code>\</code></strong> 显示出来，可以在反斜线前面再加一个 \ ，用它自己来转义自己</li></ul></li></ul><h3 id="例1-以普通字符显示星号">例1 以普通字符显示星号</h3><ul><li><p>如何让被一对或多对 <strong><code>*</code></strong> 号 包裹的文本内容，能够正常显示 <strong><code>*</code></strong> ，且文本不改变格式</p></li><li><p><code>\*这段文本被一对星号包裹，但不会倾斜\*</code></p><ul><li><strong>效果：</strong> *这段文本被1对星号包裹，但不会倾斜*`</li></ul></li><li><p><code>\*\*这段文本被2对星号包裹，但不会加粗\*\*</code></p><ul><li><strong>效果：</strong> **这段文本被2对星号包裹，但不会加粗**</li></ul></li><li><p><code>\*\*\*这段文本被3对星号包裹，但它既不倾斜也不加粗\*\*\*</code></p><ul><li><strong>效果：</strong> ***这段文本被3对星号包裹，但它既不倾斜也不加粗***</li></ul></li></ul><h3 id="例2-表格内-单元格中的竖杠">例2 表格内 单元格中的竖杠</h3><ul><li>在表格中，使用 <strong>|</strong> 作为单元格的内容，但<strong>不会</strong>被识别为<strong>表格的结构</strong>，不会增加额外的单元格</li></ul><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">|表头1|表头2|</span><br><span class="line">|-|-|</span><br><span class="line">|这里的文本被\|分隔|这里的文本也被\|分隔|</span><br></pre></td></tr></table></figure><ul><li><strong>效果：</strong></li></ul><table><thead><tr><th style="text-align:center">表头1</th><th style="text-align:center">表头2</th></tr></thead><tbody><tr><td style="text-align:center">这里的文本被|分隔</td><td style="text-align:center">这里的文本也被|分隔</td></tr></tbody></table><h4 id="补充-该技巧可用于-Obsidian-表格内-双链的文本修饰">补充 该技巧可用于 <strong>Obsidian</strong> 表格内 双链的文本修饰</h4><p>(即可以使得在表格中正常使用双链)</p><p>- <strong>格式：</strong> <code>[[链接的内容|文本修饰]]</code>   <strong>文本修饰：</strong> 在 双链<code>[[ ]]</code>内 以 <code>|</code> 引导的内容<br>- <strong>说明：</strong> 文本修饰是渲染界面实际显示的文本，便于更好地融入语境</p><p><strong>表格内的格式：</strong><br>在 <code>|</code> 前面加上 <code>\</code> : <code>[[表格内的链接内容\|文本修饰]]</code></p><p><strong>示例：</strong></p><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">|                  表头1        |                 表头2                        |</span><br><span class="line">|:-----------------------------:|:--------------------------------------------:|</span><br><span class="line">| [[#例2 表格内 单元格中的竖杠\|单元格中的竖杠]] | [[#例3 不会变成代码的反引号\|不会变成代码的反引号]] |</span><br></pre></td></tr></table></figure><p><strong>效果：</strong></p><table><thead><tr><th style="text-align:center">表头1</th><th style="text-align:center">表头2</th></tr></thead><tbody><tr><td style="text-align:center">[[#例2 表格内 单元格中的竖杠|hhh]]</td><td style="text-align:center">[[#例3 不会变成代码的反引号|yyy]]</td></tr></tbody></table><h3 id="例3-不会变成代码的反引号">例3 不会变成代码的反引号</h3><p>使用 转义符号<code>\</code> 让 反引号<code>`</code> 变成普通字符，不再具有[[#7 1 行内代码|行内代码]]的标识符功能</p><p><strong>格式：</strong></p><p><code>\`这段被反引号包裹的内容不会变成行内代码\`</code></p><p><strong>效果：</strong></p><p>`这段被反引号包裹的内容不会变成行内代码`</p><h3 id="例4-链接中的中括号">例4 链接中的中括号</h3><p>在 <strong>网页链接</strong> 的 <strong>显示文本内容</strong> 中，使用 <strong>中括号</strong> <strong><code>[ ]</code></strong></p><ul><li>在显示文本内容中，在其中一个中括号前面，加上<strong>转义符号</strong> 反斜杠 *<em>*</em></li><li><strong>格式：****<code>[链接里的 \[中括号\] 能被正常显示](https://www.runoob.com)</code></strong></li><li><strong>效果：</strong><a href="https://link.zhihu.com/?target=https%3A//www.runoob.com/">链接里的[中括号] 能被正常显示</a></li></ul><p><a href="https://www.runoob.com">链接里的 [中括号] 能被正常显示</a><br>(这里好像不要加就可以)</p><h3 id="例5-不是标题的">例5 不是标题的 \</h3><p>让 <code>#</code> 不被识别为标题标识符</p><p><strong>格式：</strong></p><p><code>\# 这里的内容不会被识别为标题</code></p><p><strong>效果：</strong></p><p># 这里的内容不会被识别为标题</p><h3 id="例6-不会注释的">例6 不会注释的 %</h3><p>在 <strong>Obsidian</strong> 中 注释是前后各两个 <code>%</code> 号</p><p>使用 转义符号<code>\</code>，让 <code>%%</code> 作为普通字符显示出来，不具备注释的功能</p><ul><li><strong>格式：</strong><code>\%\%这里的内容可以被显示喔\%\%</code></li><li><strong>效果：</strong> %%这里的内容可以被显示喔%%</li></ul><h3 id="例7-木有链接的双链">例7 木有链接的双链</h3><p><strong>Obsidian</strong> 的双向链格式是2个方括号 <code>[[ ]]</code> (双方)，使用 转义符号<code>\</code>，让 <code>[</code> <code>]</code> 不再具有 双链功能</p><p><strong>格式：</strong></p><p><code>\[\[这段文本被双方包裹，但不是一个双向链\]\]</code></p><p><strong>效果：</strong></p><p>[[这段文本被双方包裹，但不是一个双向链]]</p><p>(若 [[]] 里是没有链接源头的文字, 那么点击后会在本文件夹中生成一个新的以其命名的文件)</p><h2 id="14-空格-换行-强制删除">14. 空格&amp;换行&amp;强制删除</h2><h3 id="14-1-空格">14.1 空格</h3><ul><li><p>在一些编辑器或者支持MD的笔记软件里，无论你打多少个<strong>空格</strong>，它只会显示单个 <strong>空格</strong> 的距离</p><ul><li>可以使用 HTML中 <strong>空格</strong> 的 <strong>字符实体</strong> —— <strong><code>&amp;nbsp;</code></strong></li><li>若要添加 <strong>多个</strong> 空格，就输入多个 —— <strong><code>&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;</code></strong></li></ul></li><li><p><strong>格式：</strong> <strong><code>这里有&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;6个空格分隔</code></strong></p><ul><li><strong>效果：</strong> 这里有      6个空格分隔</li></ul></li></ul><h3 id="14-2-换行">14.2 换行</h3><p><strong>场景1：</strong> - 在一些编辑器或者支持MD的笔记软件里，无论你打多少个 <strong>回车</strong>，它只会显示单个 <strong>回车</strong> 的空行间距 - 可以使用之前表格里提到的 <strong><code>&lt;br&gt;</code></strong> 标签，在 <strong>单独一行</strong> 中使用，增加额外的空行间距 - 如果要增加 <strong>多个</strong>，就输入 <strong>多个</strong> —— <strong><code>&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;</code></strong></p><p><strong>格式：</strong></p><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">这里是第一段文本</span><br><span class="line"></span><br><span class="line">&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;     &lt;!-- 这里插入了5个空行间距 --&gt;</span><br><span class="line"></span><br><span class="line">这里是第二段文本</span><br></pre></td></tr></table></figure><p><strong>效果：</strong></p><p>这里是第一段文本<br><br><br><br><br> <br>  <!-- 这里插入了5个空行间距 --><br>这里是第二段文本</p><p><strong>场景2：</strong> - 在列表中也可以插入换行符</p><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">- 这是一段无序列表</span><br><span class="line">  &lt;br&gt;     &lt;!-- 插入一个空行间距，需单独一行，上下不用预留空格 --&gt;</span><br><span class="line">  这是同一段无序列表中，空一行距离显示的内容</span><br><span class="line">- 这是第二段无序列表</span><br></pre></td></tr></table></figure><p><strong>效果：</strong></p><ul><li><p>这是一段无序列表<br><br>     <!-- 插入一个空行间距，需单独一行，上下不用预留空格 --><br>这是同一段无序列表中，空一行距离显示的内容</p></li><li><p>这是第二段无序列表</p></li><li><p><strong>补充：</strong></p><ul><li>有一些MD编辑器或笔记软件，严格遵循MD的换行规则，你敲一个回车是没法换行的，必须在 <strong>行末</strong> 敲 <strong>2个空格</strong>，再按<strong>回车键</strong>  (obsidian是直接换行就行)</li></ul></li></ul><h3 id="14-3-强制删除">14.3 强制删除</h3><ul><li>很多编辑器都有英文标点自动补全功能，自动生成一对，光标落在中间 只想删除前面1个，却会把 <strong>一整对</strong> 都删掉</li><li>在多个列表的嵌套中，也许会遇到一些 <strong>无法被删除</strong> 的 <strong>列表标识符</strong></li><li><strong>解决方法：</strong> 使用 <strong><code>Shift</code></strong> + <strong><code>Backspace</code></strong> 即可强制删除</li></ul><h2 id="15-嵌入">15. 嵌入</h2><ul><li><p>嵌入都是依赖 <strong>HTML标签</strong> 实现的，嵌入的都是<strong>在线</strong>链接格式</p></li><li><p>如果是本地的，<strong>Obsidian</strong> 中音频是有自带的可录制的录音机插件的，其他的 <strong>音频、视频</strong> 直接复制黏贴就可以了，也可以直接拖拽到OB的笔记界面</p></li><li><p>其他的媒体文件在 <strong>Obsidian</strong> 也和图片一样，以<strong>双链</strong>的格式引用在目标笔记中，使用 <strong>!</strong> 使它可见</p></li></ul><h3 id="15-1-嵌入音频">15.1 嵌入音频</h3><ul><li><p><strong>格式：</strong></p></li><li><p><strong><code>&lt;audio controls=&quot;controls&quot; preload=&quot;none&quot; src=&quot;音频链接地址&quot;&gt;&lt;/audio&gt;</code></strong></p></li><li><p><strong>示例：</strong></p></li></ul><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">audio</span> <span class="attr">controls</span>=<span class="string">&quot;controls&quot;</span> <span class="attr">preload</span>=<span class="string">&quot;none&quot;</span> <span class="attr">src</span>=<span class="string">&quot;https://www.ldoceonline.com/media/english/exaProns/p008-001803372.mp3?version=1.2.37&quot;</span>&gt;</span><span class="tag">&lt;/<span class="name">audio</span>&gt;</span></span><br></pre></td></tr></table></figure><ul><li><strong>效果：</strong></li></ul><p><audio controls="controls" preload="none" src="[精卫 - 30年前，50年后 - 单曲 - 网易云音乐 (163.com)](https://music.163.com/#/song?id=1951069525)"></audio></p><h3 id="15-2-嵌入视频">15.2 嵌入视频</h3><p>(嵌入本地视频比价容易)</p><ul><li><strong>格式：</strong></li></ul><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">video</span> <span class="attr">width</span>=<span class="string">&quot;600&quot;</span> <span class="attr">height</span>=<span class="string">&quot;420&quot;</span> <span class="attr">controls</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">source</span> <span class="attr">src</span>=<span class="string">&quot;movie.mp4&quot;</span> <span class="attr">type</span>=<span class="string">&quot;video/mp4&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">source</span> <span class="attr">src</span>=<span class="string">&quot;movie.ogg&quot;</span> <span class="attr">type</span>=<span class="string">&quot;video/ogg&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">source</span> <span class="attr">src</span>=<span class="string">&quot;movie.webm&quot;</span> <span class="attr">type</span>=<span class="string">&quot;video/webm&quot;</span>&gt;</span>  </span><br><span class="line"><span class="tag">&lt;/<span class="name">video</span>&gt;</span></span><br></pre></td></tr></table></figure><ul><li><p><strong>说明：</strong></p><ul><li>width ( 宽度 ) height ( 高度 ) ，可以自己设置，直接输入数字即可，单位默认是 px(像素)<br>也可以使用 <strong>百分比:</strong><code>width=100%</code> 代表水平撑满整个窗口 <strong><code>height=50%</code></strong> 代表垂直撑满半个窗口</li><li><strong>Video标签</strong> 支持的视频格式 ：MP4 ogg webm</li></ul></li><li><p><strong>效果：</strong></p></li></ul><video width="600" height="420" controls>  <source src="【皇室战争：平均费用1.8费的四季豆超级冰人！】 https://www.bilibili.com/video/BV1bR4y1Y7mW/?share_source=copy_web" ></video><h3 id="15-3-嵌入页面">15.3 嵌入页面</h3><ul><li><strong>格式：</strong><code>&lt;iframe width=600 height=400 src=&quot;页面链接地址&quot; scrolling=&quot;auto&quot; border=&quot;0&quot; frameborder=&quot;no&quot; framespacing=&quot;0&quot; allowfullscreen=&quot;true&quot;&gt; &lt;/iframe&gt;</code></li></ul><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">iframe</span> <span class="attr">width</span>=<span class="string">600</span> <span class="attr">height</span>=<span class="string">400</span> <span class="attr">src</span>=<span class="string">&quot;https://www.runoob.com/html/html-tutorial.html&quot;</span> <span class="attr">scrolling</span>=<span class="string">&quot;auto&quot;</span> <span class="attr">border</span>=<span class="string">&quot;0&quot;</span> <span class="attr">frameborder</span>=<span class="string">&quot;no&quot;</span> <span class="attr">framespacing</span>=<span class="string">&quot;0&quot;</span> <span class="attr">allowfullscreen</span>=<span class="string">&quot;true&quot;</span>&gt;</span> <span class="tag">&lt;/<span class="name">iframe</span>&gt;</span></span><br></pre></td></tr></table></figure><ul><li><strong>效果：</strong></li></ul><iframe width=600 height=400 src="https://www.runoob.com/html/html-tutorial.html" scrolling="auto" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe><ul><li><strong>iframe标签</strong> 除了嵌入页面，也可以嵌入<strong>在线视频</strong>，主流的视频网站都会提供<strong>嵌入代码</strong></li><li>具体可以看这个 <a href="https://link.zhihu.com/?target=https%3A//www.wolai.com/wolai/go85vJpt3wDwrid7DfCZcE">iframe视频嵌入教程</a></li><li><strong>B站</strong> 的视频，得在 <strong><code>//</code></strong> 前面补充 <strong><code>http:</code></strong></li><li>不是所有的 编辑器和笔记软件 都支持这个</li><li><strong>示例：</strong></li></ul><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">iframe</span> <span class="attr">width</span>=<span class="string">600</span> <span class="attr">height</span>=<span class="string">400</span> <span class="attr">src</span>=<span class="string">&quot;http://player.bilibili.com/player.html?aid=20190823&amp;bvid=BV1yW411s7og&amp;cid=32964980&amp;page=1&quot;</span> <span class="attr">scrolling</span>=<span class="string">&quot;no&quot;</span> <span class="attr">border</span>=<span class="string">&quot;0&quot;</span> <span class="attr">frameborder</span>=<span class="string">&quot;no&quot;</span> <span class="attr">framespacing</span>=<span class="string">&quot;0&quot;</span> <span class="attr">allowfullscreen</span>=<span class="string">&quot;true&quot;</span>&gt;</span> <span class="tag">&lt;/<span class="name">iframe</span>&gt;</span></span><br></pre></td></tr></table></figure><ul><li>宽高设置和前面的 <strong>video</strong> 一样</li></ul><iframe width=600 height=400 src="http://player.bilibili.com/player.html?aid=20190823&bvid=BV1yW411s7og&cid=32964980&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe><ul><li><strong>效果：</strong></li></ul><h2 id="16-Latex-数学公式">16. Latex 数学公式</h2><ul><li>主要用于 <strong>数学公式</strong> 与 <strong>化学公式</strong> 的书写</li></ul><h3 id="16-1-行内公式">16.1 行内公式</h3><ul><li><strong>格式：</strong><ul><li>$fajsdfa$</li></ul></li></ul><p>($ $与公式之间不能有空格)</p><ul><li><p><strong>示例：</strong></p><ul><li><strong><code>$x^2 + 2x + 5 + \sqrt x = 0$</code></strong></li><li><strong><code>$\ce&#123;CO2 + C -&gt; 2 CO&#125;$</code></strong></li><li><code>$\ce&#123;CO2 + C -&gt; 2 CO&#125;$</code></li><li><code>$\ce&#123;2Mg + O2 -&gt;[燃烧] 2 MgO&#125;$</code></li></ul></li><li><p><strong>效果：</strong></p><ul><li>$x^2 + 2x + 5 + \sqrt x = 0$</li><li>$e^{i\pi} + 1 = 0$</li><li>$\ce{CO2 + C -&gt; 2 CO}$</li><li>$\ce{2Mg + O2 -&gt;[燃烧] 2 MgO}$</li></ul></li></ul><h3 id="16-2-公式块">16.2 公式块</h3><ul><li><p><strong>格式：</strong></p></li><li><p><strong><code>$$</code></strong> 公式块 <strong><code>$$</code></strong></p></li><li><p><strong>示例：</strong></p></li></ul><figure class="highlight latex"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">% 化学公式</span></span><br><span class="line"><span class="built_in">$</span><span class="built_in">$</span></span><br><span class="line"><span class="keyword">\ce</span>&#123;Zn<span class="built_in">^</span>2+  &lt;=&gt;[+ 2OH-][+ 2H+]  <span class="built_in">$</span><span class="keyword">\underset</span>&#123;<span class="keyword">\text</span>&#123;amphoteres Hydroxid&#125;&#125;&#123;<span class="keyword">\ce</span>&#123;Zn(OH)2 v&#125;&#125;<span class="built_in">$</span>  &lt;=&gt;[+ 2OH-][+ 2H+]  <span class="built_in">$</span><span class="keyword">\underset</span>&#123;<span class="keyword">\text</span>&#123;Hydroxozikat&#125;&#125;&#123;<span class="keyword">\ce</span>&#123;[Zn(OH)4]<span class="built_in">^</span>2-&#125;&#125;<span class="built_in">$</span>&#125;</span><br><span class="line"><span class="built_in">$</span><span class="built_in">$</span></span><br><span class="line"><span class="comment">% 麦克斯韦方程组</span></span><br><span class="line"><span class="built_in">$</span><span class="built_in">$</span></span><br><span class="line"><span class="keyword">\begin</span>&#123;array&#125;&#123;lll&#125;</span><br><span class="line"><span class="keyword">\nabla</span><span class="keyword">\times</span> E <span class="built_in">&amp;</span>=<span class="built_in">&amp;</span> -<span class="keyword">\;</span><span class="keyword">\frac</span>&#123;<span class="keyword">\partial</span>&#123;B&#125;&#125;&#123;<span class="keyword">\partial</span>&#123;t&#125;&#125;   </span><br><span class="line"><span class="keyword">\ </span><span class="keyword">\nabla</span><span class="keyword">\times</span> H <span class="built_in">&amp;</span>=<span class="built_in">&amp;</span> <span class="keyword">\frac</span>&#123;<span class="keyword">\partial</span>&#123;D&#125;&#125;&#123;<span class="keyword">\partial</span>&#123;t&#125;&#125;+J   </span><br><span class="line"><span class="keyword">\ </span><span class="keyword">\nabla</span><span class="keyword">\cdot</span> D <span class="built_in">&amp;</span>=<span class="built_in">&amp;</span> <span class="keyword">\rho</span></span><br><span class="line"><span class="keyword">\ </span><span class="keyword">\nabla</span><span class="keyword">\cdot</span> B <span class="built_in">&amp;</span>=<span class="built_in">&amp;</span> 0</span><br><span class="line"><span class="keyword">\ </span><span class="keyword">\end</span>&#123;array&#125;</span><br><span class="line"><span class="built_in">$</span><span class="built_in">$</span></span><br><span class="line"><span class="comment">% 薛定谔方程</span></span><br><span class="line"><span class="built_in">$</span><span class="built_in">$</span></span><br><span class="line">i<span class="keyword">\hbar</span><span class="keyword">\frac</span>&#123;<span class="keyword">\partial</span> <span class="keyword">\psi</span>&#125;&#123;<span class="keyword">\partial</span> t&#125; = <span class="keyword">\frac</span>&#123;-<span class="keyword">\hbar</span><span class="built_in">^</span>2&#125;&#123;2m&#125; <span class="keyword">\left</span>(<span class="keyword">\frac</span>&#123;<span class="keyword">\partial</span><span class="built_in">^</span>2&#125;&#123;<span class="keyword">\partial</span> x<span class="built_in">^</span>2&#125; + <span class="keyword">\frac</span>&#123;<span class="keyword">\partial</span><span class="built_in">^</span>2&#125;&#123;<span class="keyword">\partial</span> y<span class="built_in">^</span>2&#125;+<span class="keyword">\frac</span>&#123;<span class="keyword">\partial</span><span class="built_in">^</span>2&#125;&#123;<span class="keyword">\partial</span> z<span class="built_in">^</span>2&#125; <span class="keyword">\right</span>) <span class="keyword">\psi</span> + V <span class="keyword">\psi</span></span><br><span class="line"><span class="built_in">$</span><span class="built_in">$</span></span><br></pre></td></tr></table></figure><ul><li><strong>效果：</strong></li></ul><p>$$化学公式\ce{Zn^2+ &lt;=&gt;[+ 2OH-][+ 2H+] $\underset{\text{amphoteres Hydroxid}}{\ce{Zn(OH)2 v}}$ &lt;=&gt;[+ 2OH-][+ 2H+] $\underset{\text{Hydroxozikat}}{\ce{[Zn(OH)4]^2-}}$} $$</p><p>$$麦克斯韦方程组\begin{array}{lll} \nabla\times E &amp;=&amp; -;\frac{\partial{B}}{\partial{t}}<br>\ \nabla\times H &amp;=&amp; \frac{\partial{D}}{\partial{t}}+J<br>\ \nabla\cdot D &amp;=&amp; \rho \ \nabla\cdot B &amp;=&amp; 0 \ \end{array} $$</p><p>$$ i\hbar\frac{\partial \psi}{\partial t} = \frac{-\hbar^2}{2m} \left(\frac{\partial^2}{\partial x^2} + \frac{\partial^2}{\partial y^2}+\frac{\partial^2}{\partial z^2} \right) \psi + V \psi $$</p><ul><li><strong>补充：</strong><ul><li>需要详细教程的，可戳下方链接</li><li><a href="https://www.wolai.com/wolai/egjDbHiAfGfJmwR972fcEW">LaTeX数学公式语法</a></li></ul></li></ul><h2 id="17-Mermaid">17. Mermaid</h2><ul><li><p>一些 <strong>MD编辑器</strong> 和 <strong>笔记软件</strong> 支持通过 <strong><a href="https://link.zhihu.com/?target=https%3A//mermaid-js.github.io/">Mermaid</a></strong> 及其所提供的 <a href="https://link.zhihu.com/?target=https%3A//mermaid-js.github.io/mermaid-live-editor">编译器</a> 来为用户提供图表的绘制功能</p></li><li><p>这里只提供一些演示的图表</p></li></ul><h3 id="17-1-流程图">17.1 流程图</h3><p>画图在线网站: <a href="https://mermaid-js.github.io/mermaid-live-editor/edit#pako:eNpNjkELgkAQhf_KMqcCPdTRQ5AadAvMU66HwZ1ySXdl3aVC_e-tidA7zXvfG3gDVFoQRPAw2NUsT7liXsfijEaULAwPY05vO7J4k2mnxHbh8UxYMqRUyV5qNS1x8nu4KBpZWmTUu8ayXfnP8pce2Wll-xICaMm0KIXfMMxNDramljhE_hRonhy4mnwPndXXj6ogssZRAK4TaCmV6Ke3a9ihumnt7R2bnqYv655HCg">Online FlowChart &amp; Diagrams Editor - Mermaid Live Editor</a></p><p><strong>源码1：</strong></p><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line">​```mermaid</span><br><span class="line">graph TB</span><br><span class="line">    %% s=start  e=end  f=fork  n=normal</span><br><span class="line"></span><br><span class="line">    s([开始])--&gt;f1&#123;&#123;if条件&#125;&#125;;</span><br><span class="line"></span><br><span class="line">    %% 分支点2</span><br><span class="line">    f1--true--&gt;n1[if语句块]--&gt;e([结束]);</span><br><span class="line">    f1--false--&gt;f2&#123;&#123;else if条件&#125;&#125;;</span><br><span class="line"></span><br><span class="line">    %% 分支点1</span><br><span class="line">    f2--true--&gt;n2[else if语句块]--&gt;e;</span><br><span class="line">    f2--false--&gt;n3[else语句块]--&gt;e;</span><br><span class="line">```</span><br><span class="line"></span><br></pre></td></tr></table></figure><p><strong>渲染1：</strong></p><p>​```text<br>graph TB<br>%% s=start  e=end  f=fork  n=normal</p><pre><code>s([开始])--&gt;f1&#123;&#123;if条件&#125;&#125;;%% 分支点1f1--true--&gt;n1[if语句块]--&gt;e([结束]);f1--false--&gt;f2&#123;&#123;else if条件&#125;&#125;;%% 分支点2 f2--true--&gt;n2[else if语句块]--&gt;e;f2--false--&gt;n3[else语句块]--&gt;e;</code></pre><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line">  </span><br><span class="line"></span><br><span class="line">**源码2：**</span><br><span class="line"></span><br><span class="line">````text</span><br><span class="line">​```mermaid</span><br><span class="line">graph LR</span><br><span class="line">    %% s=start  e=end  f= fork n=normal </span><br><span class="line"></span><br><span class="line">    %% 虚线</span><br><span class="line">    s[朱百六]-.-&gt;|子|n1[朱四九]-.-&gt;|子|n2[朱五四]-.-&gt;|子|f1_帝((朱八八))</span><br><span class="line"></span><br><span class="line">    %% 分支点 朱八八</span><br><span class="line">    f1_帝--&gt;|长子|f2[朱标]</span><br><span class="line">    f1_帝--&gt;|次子|n3[朱樉]</span><br><span class="line">    f1_帝--&gt;|三子|n4[朱棢]</span><br><span class="line">    f1_帝--&gt;|四子|n5_帝((朱棣))</span><br><span class="line"></span><br><span class="line">    %% 分支点 朱标</span><br><span class="line">    f2--&gt;|长子|e1[朱雄英]</span><br><span class="line">    f2--&gt;|次子|e2_帝((朱允炆))</span><br><span class="line"></span><br><span class="line">    n5_帝--&gt;|长子|e3[朱高炽]</span><br></pre></td></tr></table></figure><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br></pre></td><td class="code"><pre><span class="line">**渲染2：**</span><br><span class="line"></span><br><span class="line">​```text</span><br><span class="line">graph LR</span><br><span class="line">    %% s=start  e=end  f= fork n=normal </span><br><span class="line"></span><br><span class="line">    %% 虚线</span><br><span class="line">    s[朱百六]-.-&gt;|子|n1[朱四九]-.-&gt;|子|n2[朱五四]-.-&gt;|子|f1_帝((朱八八))</span><br><span class="line"></span><br><span class="line">    %% 分支点 朱八八</span><br><span class="line">    f1_帝--&gt;|长子|f2[朱标]</span><br><span class="line">    f1_帝--&gt;|次子|n3[朱樉]</span><br><span class="line">    f1_帝--&gt;|三子|n4[朱棢]</span><br><span class="line">    f1_帝--&gt;|四子|n5_帝((朱棣))</span><br><span class="line"></span><br><span class="line">    %% 分支点 朱标</span><br><span class="line">    f2--&gt;|长子|e1[朱雄英]</span><br><span class="line">    f2--&gt;|次子|e2_帝((朱允炆))</span><br><span class="line"></span><br><span class="line">    n5_帝--&gt;|长子|e3[朱高炽]</span><br><span class="line">```</span><br><span class="line"></span><br><span class="line">  </span><br><span class="line"></span><br><span class="line">### 17.2 饼图</span><br><span class="line"></span><br><span class="line">  </span><br><span class="line"></span><br><span class="line">**源码：**</span><br><span class="line"></span><br><span class="line">````text</span><br><span class="line">​```mermaid</span><br><span class="line">pie</span><br><span class="line">    title 为什么总是宅在家里？</span><br><span class="line">    &quot;喜欢宅&quot; : 45</span><br><span class="line">    &quot;天气太热&quot; : 70</span><br><span class="line">    &quot;穷&quot; : 500</span><br><span class="line">    &quot;关你屁事&quot; : 95</span><br><span class="line">```</span><br><span class="line"></span><br></pre></td></tr></table></figure><p><strong>渲染：</strong></p><p>​```text<br>pie<br>title 为什么总是宅在家里？<br>“喜欢宅” : 45<br>“天气太热” : 70<br>“穷” : 500<br>“关你屁事” : 95</p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line">  </span><br><span class="line"></span><br><span class="line">### 17.3 序列图 (时序图)</span><br><span class="line"></span><br><span class="line">  </span><br><span class="line"></span><br><span class="line">**源码：**</span><br><span class="line"></span><br><span class="line">````text</span><br><span class="line">​```mermaid</span><br><span class="line">sequenceDiagram</span><br><span class="line">    %% 自动编号</span><br><span class="line">    autonumber</span><br><span class="line">    %% 定义参与者并取别名，aliases：别名</span><br><span class="line">        participant A as Aly</span><br><span class="line">        participant B as Bob</span><br><span class="line">        participant C as CofCai</span><br><span class="line">        %% 便签说明</span><br><span class="line">        Note left of A: 只复习了一部分</span><br><span class="line">        Note right of B: 没复习</span><br><span class="line">        Note over A,B: are contacting</span><br><span class="line"></span><br><span class="line">        A-&gt;&gt;B: 明天是要考试吗？</span><br><span class="line">        B--&gt;&gt;A: 好像是的！</span><br><span class="line"></span><br><span class="line">        %% 显示并行发生的动作，parallel：平行</span><br><span class="line">        %% par [action1]</span><br><span class="line">        rect rgb(0, 25, 155)</span><br><span class="line">            par askA</span><br><span class="line">                C --&gt;&gt; A:你复习好了吗？</span><br><span class="line">            and askB</span><br><span class="line">                C --&gt;&gt; B:你复习好了吗？</span><br><span class="line">            and self</span><br><span class="line">                C -&gt;&gt;C:我还没准备复习......</span><br><span class="line">            end</span><br><span class="line">        end</span><br><span class="line"></span><br><span class="line">        %% 背景高亮，提供一个有颜色的背景矩形</span><br><span class="line">        rect rgb(25, 55, 0)</span><br><span class="line">            loop 自问/Every min</span><br><span class="line">            %% &lt;br/&gt;可以换行</span><br><span class="line">            C -&gt;&gt; C:我什么时候&lt;br/&gt;开始复习呢？</span><br><span class="line">            end</span><br><span class="line">        end</span><br><span class="line"></span><br><span class="line">        %% 可选择路径</span><br><span class="line">        rect rgb(153, 83, 60)</span><br><span class="line">            alt is good</span><br><span class="line">                A -&gt;&gt; C:复习了一点</span><br><span class="line">            else is common</span><br><span class="line">                B -&gt;&gt; C:我也是</span><br><span class="line">            end</span><br><span class="line">            %% 没有else时可以提供默认的opt</span><br><span class="line">            opt Extra response</span><br><span class="line">                C -&gt;&gt; C:你们怎么不回答我</span><br><span class="line">            end</span><br><span class="line">        endsequenceDiagram</span><br><span class="line">    %% 自动编号</span><br><span class="line">    autonumber</span><br><span class="line">    %% 定义参与者并取别名，aliases：别名</span><br><span class="line">        participant A as Aly</span><br><span class="line">        participant B as Bob</span><br><span class="line">        participant C as CofCai</span><br><span class="line">        %% 便签说明</span><br><span class="line">        Note left of A: 只复习了一部分</span><br><span class="line">        Note right of B: 没复习</span><br><span class="line">        Note over A,B: are contacting</span><br><span class="line"></span><br><span class="line">        A-&gt;&gt;B: 明天是要考试吗？</span><br><span class="line">        B--&gt;&gt;A: 好像是的！</span><br><span class="line"></span><br><span class="line">        %% 显示并行发生的动作，parallel：平行</span><br><span class="line">        %% par [action1]</span><br><span class="line">        rect rgb(0, 25, 155)</span><br><span class="line">            par askA</span><br><span class="line">                C --&gt;&gt; A:你复习好了吗？</span><br><span class="line">            and askB</span><br><span class="line">                C --&gt;&gt; B:你复习好了吗？</span><br><span class="line">            and self</span><br><span class="line">                C -&gt;&gt;C:我还没准备复习......</span><br><span class="line">            end</span><br><span class="line">        end</span><br><span class="line"></span><br><span class="line">        %% 背景高亮，提供一个有颜色的背景矩形</span><br><span class="line">        rect rgb(25, 55, 0)</span><br><span class="line">            loop 自问/Every min</span><br><span class="line">            %% &lt;br/&gt;可以换行</span><br><span class="line">            C -&gt;&gt; C:我什么时候&lt;br/&gt;开始复习呢？</span><br><span class="line">            end</span><br><span class="line">        end</span><br><span class="line"></span><br><span class="line">        %% 可选择路径</span><br><span class="line">        rect rgb(153, 83, 60)</span><br><span class="line">            alt is good</span><br><span class="line">                A -&gt;&gt; C:复习了一点</span><br><span class="line">            else is common</span><br><span class="line">                B -&gt;&gt; C:我也是</span><br><span class="line">            end</span><br><span class="line">            %% 没有else时可以提供默认的opt</span><br><span class="line">            opt Extra response</span><br><span class="line">                C -&gt;&gt; C:你们怎么不回答我</span><br><span class="line">            end</span><br><span class="line">        end</span><br></pre></td></tr></table></figure><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br></pre></td><td class="code"><pre><span class="line">**渲染：**</span><br><span class="line"></span><br><span class="line">​```text</span><br><span class="line">sequenceDiagram</span><br><span class="line">    %% 自动编号</span><br><span class="line">    autonumber</span><br><span class="line">    %% 定义参与者并取别名，aliases：别名</span><br><span class="line">        participant A as Aly</span><br><span class="line">        participant B as Bob</span><br><span class="line">        participant C as CofCai</span><br><span class="line">        %% 便签说明</span><br><span class="line">        Note left of A: 只复习了一部分</span><br><span class="line">        Note right of B: 没复习</span><br><span class="line">        Note over A,B: are contacting</span><br><span class="line"></span><br><span class="line">        A-&gt;&gt;B: 明天是要考试吗？</span><br><span class="line">        B--&gt;&gt;A: 好像是的！</span><br><span class="line"></span><br><span class="line">        %% 显示并行发生的动作，parallel：平行</span><br><span class="line">        %% par [action1]</span><br><span class="line">        rect rgb(0, 25, 155)</span><br><span class="line">            par askA</span><br><span class="line">                C --&gt;&gt; A:你复习好了吗？</span><br><span class="line">            and askB</span><br><span class="line">                C --&gt;&gt; B:你复习好了吗？</span><br><span class="line">            and self</span><br><span class="line">                C -&gt;&gt;C:我还没准备复习......</span><br><span class="line">            end</span><br><span class="line">        end</span><br><span class="line"></span><br><span class="line">        %% 背景高亮，提供一个有颜色的背景矩形</span><br><span class="line">        rect rgb(25, 55, 0)</span><br><span class="line">            loop 自问/Every min</span><br><span class="line">            %% &lt;br/&gt;可以换行</span><br><span class="line">            C -&gt;&gt; C:我什么时候&lt;br/&gt;开始复习呢？</span><br><span class="line">            end</span><br><span class="line">        end</span><br><span class="line"></span><br><span class="line">        %% 可选择路径</span><br><span class="line">        rect rgb(153, 83, 60)</span><br><span class="line">            alt is good</span><br><span class="line">                A -&gt;&gt; C:复习了一点</span><br><span class="line">            else is common</span><br><span class="line">                B -&gt;&gt; C:我也是</span><br><span class="line">            end</span><br><span class="line">            %% 没有else时可以提供默认的opt</span><br><span class="line">            opt Extra response</span><br><span class="line">                C -&gt;&gt; C:你们怎么不回答我</span><br><span class="line">            end</span><br><span class="line">        end</span><br><span class="line">```</span><br><span class="line"></span><br><span class="line">  </span><br><span class="line"></span><br><span class="line">### 17.4 甘特图</span><br><span class="line"></span><br><span class="line">  </span><br><span class="line"></span><br><span class="line">**源码：**</span><br><span class="line"></span><br><span class="line">````text</span><br><span class="line">​```mermaid</span><br><span class="line">gantt</span><br><span class="line">    title A Gantt Diagram</span><br><span class="line">    dateFormat  YYYY-MM-DD</span><br><span class="line">    section Section</span><br><span class="line">    A task           :a1, 2014-01-01, 30d</span><br><span class="line">    Another task     :after a1  , 20d</span><br><span class="line">    section Another</span><br><span class="line">    Task in sec      :2014-01-12  , 12d</span><br><span class="line">    another task      : 24d</span><br><span class="line">```</span><br><span class="line"></span><br></pre></td></tr></table></figure><p><strong>渲染：</strong></p><p>​```text<br>gantt<br>title A Gantt Diagram<br>dateFormat  YYYY-MM-DD<br>section Section<br>A task           :a1, 2014-01-01, 30d<br>Another task     :after a1  , 20d<br>section Another<br>Task in sec      :2014-01-12  , 12d<br>another task      : 24d</p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line">### 17.5 类图</span><br><span class="line"></span><br><span class="line">  </span><br><span class="line"></span><br><span class="line">**源码：**</span><br><span class="line"></span><br><span class="line">````text</span><br><span class="line">​```mermaid</span><br><span class="line">classDiagram</span><br><span class="line">    Animal &lt;|-- Duck</span><br><span class="line">    Animal &lt;|-- Fish</span><br><span class="line">    Animal &lt;|-- Zebra</span><br><span class="line">    Animal : +int age</span><br><span class="line">    Animal : +String gender</span><br><span class="line">    Animal: +isMammal()</span><br><span class="line">    Animal: +mate()</span><br><span class="line">    class Duck&#123;</span><br><span class="line">      +String beakColor</span><br><span class="line">      +swim()</span><br><span class="line">      +quack()</span><br><span class="line">    &#125;</span><br><span class="line">    class Fish&#123;</span><br><span class="line">      -int sizeInFeet</span><br><span class="line">      -canEat()</span><br><span class="line">    &#125;</span><br><span class="line">    class Zebra&#123;</span><br><span class="line">      +bool is_wild</span><br><span class="line">      +run()</span><br><span class="line">    &#125;</span><br></pre></td></tr></table></figure><pre><code>**渲染：**​```textclassDiagram    Animal &lt;|-- Duck    Animal &lt;|-- Fish    Animal &lt;|-- Zebra    Animal : +int age    Animal : +String gender    Animal: +isMammal()    Animal: +mate()    class Duck&#123;      +String beakColor      +swim()      +quack()    &#125;    class Fish&#123;      -int sizeInFeet      -canEat()    &#125;    class Zebra&#123;      +bool is_wild      +run()    &#125;```  ## 18. 标签 (Tag)-   标签是 **Obsidian** 特有的一个功能，标签可以通过点击唤起快速搜索 (搜索包含该标签的所有笔记)**格式：**`#标签名`### 关于空格- 在一段正文文本的后面添加 Tag， **#** 的**前面** 需要有个空格- **空格** + **#** + 标签名- # 与 标签名 **之间**，**不能**有空格，否则就变成 一级标题 了- 标签名的**内部**，**不允许**使用空格，若想区分标签中的词语，可使用以下**三种**方法：  1.  驼峰式大小写： `#BlueTopaz`  2.  下划线： `#blue_topaz`  3.  连字符： `#blue-topaz`### 关于数字-   标签内允许使用数字，但不能完全由数字组成    -   `#1984` ❌    -   `#1984Date` ⭕    -   `#da_1984_te` ⭕    -   `#date-1984` ⭕### 标签的嵌套在标签名内，使用 `/` 斜杠 可以实现标签的嵌套**格式：** - `#主标签/子标签1` - `#主标签/子标签2` - `#主标签/子标签3`嵌套标签可以像普通标签一样通过点击来唤起搜索，嵌套标签允许你选择搜索的层次。**例如：** - 搜索 `#主标签` ，即可找到包含任意一个子标签的所有笔记 - 返回的结果会是上述的三个例子 - 当你在一个主分类下设置了多个子分类，想找到这个主分类包含的所有内容时，该功能会很实用### 能被使用的符号综上所述，标签内能被使用的符号共有三种1.  `_` 下划线2.  `-` 连字符3.  `/` 斜杠### 如何让 # 不被识别可以使用前面提到的转义符号 `\` 反斜杠，与上述的 转义标题 类似**格式：**`\#这里的内容不会被识别为标签`**效果：**\#这里的内容不会被识别为标签## 19. 避免标识符的滥用即使在 **Markdown** 中，也要尽量**避免**标识符的滥用比如我的这篇教程，就存在一定程度的滥用 - 其实是因为我这篇是教学性质的，不太一样，有些不能避免 - **(好吧，我就是在甩锅)**标识符的本质是突出显示，代表**重点** - 一篇笔记里的某段文本，使用**各式各样的**的标识符，会造成**重点不清晰**有**三种**标识，**慎用**！  1. 词中对**单个汉字**的标识     卧==虎==藏==龙== 2. 短语中对**单个英语单词**的标识    get a ==bang== out of 3. 标识符的**多层嵌套**    **我感觉快要==原地`起飞`==了****原因：** - 词义的割裂 - 视觉的混乱 - 不利于搜索 - `卧==虎==藏==龙==`  - 搜 `卧虎` -- 搜不到    - 搜 `藏龙` -- 搜不到</code></pre>]]></content>
      
      
      
        <tags>
            
            <tag> Obsidian </tag>
            
        </tags>
      
    </entry>
    
    
    
    <entry>
      <title>test</title>
      <link href="/2023/01/12/test/"/>
      <url>/2023/01/12/test/</url>
      
        <content type="html"><![CDATA[<p>just for text</p><p>厉害哈哈哈</p>]]></content>
      
      
      
    </entry>
    
    
    
    <entry>
      <title>Hello World</title>
      <link href="/2023/01/11/hello-world/"/>
      <url>/2023/01/11/hello-world/</url>
      
        <content type="html"><![CDATA[<p>Welcome to <a href="https://hexo.io/">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues">GitHub</a>.</p><h2 id="Quick-Start">Quick Start</h2><h3 id="Create-a-new-post">Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">&quot;My New Post&quot;</span></span><br></pre></td></tr></table></figure><p>More info: <a href="https://hexo.io/docs/writing.html">Writing</a></p><h3 id="Run-server">Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure><p>More info: <a href="https://hexo.io/docs/server.html">Server</a></p><h3 id="Generate-static-files">Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure><p>More info: <a href="https://hexo.io/docs/generating.html">Generating</a></p><h1>Deploy to remote sites</h1><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure><p>More info: <a href="https://hexo.io/docs/one-command-deployment.html">Deployment</a></p>]]></content>
      
      
      
    </entry>
    
    
  
  
</search>