doc: markdown sample

This commit is contained in:
mozzie 2023-10-20 16:51:46 +08:00
parent 5909ea8aa0
commit 85a5667538
6 changed files with 117 additions and 112 deletions

File diff suppressed because one or more lines are too long

View File

@ -221,7 +221,7 @@
<!-- 渲染文章内容 --> <!-- 渲染文章内容 -->
<article><h1 id="Linear-Markdown-Sample"><a href="#Linear-Markdown-Sample" class="headerlink" title="Linear Markdown Sample"></a>Linear Markdown Sample</h1><p><img src="https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png" alt="markdown"></p> <article><h1 id="Linear-Markdown-Sample"><a href="#Linear-Markdown-Sample" class="headerlink" title="Linear Markdown Sample"></a>Linear Markdown Sample</h1><p><img src="https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png" alt="markdown"></p>
<h1 id="Heading-1-link-Heading-link"><a href="#Heading-1-link-Heading-link" class="headerlink" title="Heading 1 link Heading link"></a>Heading 1 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h1><h2 id="Heading-2-link-Heading-link"><a href="#Heading-2-link-Heading-link" class="headerlink" title="Heading 2 link Heading link"></a>Heading 2 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h2><h3 id="Heading-3-link-Heading-link"><a href="#Heading-3-link-Heading-link" class="headerlink" title="Heading 3 link Heading link"></a>Heading 3 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h3><h4 id="Heading-4-link-Heading-link-Heading-link-Heading-link"><a href="#Heading-4-link-Heading-link-Heading-link-Heading-link" class="headerlink" title="Heading 4 link Heading link Heading link Heading link"></a>Heading 4 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a> Heading link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h4><h5 id="Heading-5-link-Heading-link"><a href="#Heading-5-link-Heading-link" class="headerlink" title="Heading 5 link Heading link"></a>Heading 5 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h5><h6 id="Heading-6-link-Heading-link"><a href="#Heading-6-link-Heading-link" class="headerlink" title="Heading 6 link Heading link"></a>Heading 6 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h6><h3 id="字符效果和横线等"><a href="#字符效果和横线等" class="headerlink" title="字符效果和横线等"></a>字符效果和横线等</h3><hr> <h1 id="Heading-1-link-Heading-link"><a href="#Heading-1-link-Heading-link" class="headerlink" title="Heading 1 link Heading link"></a>Heading 1 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h1><h2 id="Heading-2-link-Heading-link"><a href="#Heading-2-link-Heading-link" class="headerlink" title="Heading 2 link Heading link"></a>Heading 2 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h2><h3 id="Heading-3-link-Heading-link"><a href="#Heading-3-link-Heading-link" class="headerlink" title="Heading 3 link Heading link"></a>Heading 3 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h3><h4 id="Heading-4-link-Heading-link-Heading-link-Heading-link"><a href="#Heading-4-link-Heading-link-Heading-link-Heading-link" class="headerlink" title="Heading 4 link Heading link Heading link Heading link"></a>Heading 4 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a> Heading link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h4><h5 id="Heading-5-link-Heading-link"><a href="#Heading-5-link-Heading-link" class="headerlink" title="Heading 5 link Heading link"></a>Heading 5 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h5><h6 id="Heading-6-link-Heading-link"><a href="#Heading-6-link-Heading-link" class="headerlink" title="Heading 6 link Heading link"></a>Heading 6 link <a target="_blank" rel="noopener" href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h6><h1 id="字符效果和横线等"><a href="#字符效果和横线等" class="headerlink" title="字符效果和横线等"></a>字符效果和横线等</h1><hr>
<p><del>删除线</del> <s>删除线开启识别HTML标签时</s><br><em>斜体字</em> <em>斜体字</em><br><strong>粗体</strong> <strong>粗体</strong><br><em><strong>粗斜体</strong></em> <em><strong>粗斜体</strong></em></p> <p><del>删除线</del> <s>删除线开启识别HTML标签时</s><br><em>斜体字</em> <em>斜体字</em><br><strong>粗体</strong> <strong>粗体</strong><br><em><strong>粗斜体</strong></em> <em><strong>粗斜体</strong></em></p>
<p>上标X<sub>2</sub>下标O<sup>2</sup></p> <p>上标X<sub>2</sub>下标O<sup>2</sup></p>
<p><strong>缩写(同HTML的abbr标签)</strong></p> <p><strong>缩写(同HTML的abbr标签)</strong></p>
@ -229,25 +229,25 @@
<p>即更长的单词或短语的缩写形式前提是开启识别HTML标签时已默认开启</p> <p>即更长的单词或短语的缩写形式前提是开启识别HTML标签时已默认开启</p>
</blockquote> </blockquote>
<p>The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.</p> <p>The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.</p>
<h3 id="引用-Blockquotes"><a href="#引用-Blockquotes" class="headerlink" title="引用 Blockquotes"></a>引用 Blockquotes</h3><blockquote> <h1 id="引用-Blockquotes"><a href="#引用-Blockquotes" class="headerlink" title="引用 Blockquotes"></a>引用 Blockquotes</h1><blockquote>
<p>引用文本 Blockquotes</p> <p>引用文本 Blockquotes</p>
</blockquote> </blockquote>
<p>引用的行内混合 Blockquotes</p> <p>引用的行内混合 Blockquotes</p>
<blockquote> <blockquote>
<p>引用:如果想要插入空白换行<code>&lt;br /&gt;标签</code>,在插入处先键入两个以上的空格然后回车即可,<a target="_blank" rel="noopener" href="http://localhost/">普通链接</a></p> <p>引用:如果想要插入空白换行<code>&lt;br /&gt;标签</code>,在插入处先键入两个以上的空格然后回车即可,<a target="_blank" rel="noopener" href="http://localhost/">普通链接</a></p>
</blockquote> </blockquote>
<h3 id="锚点与链接-Links"><a href="#锚点与链接-Links" class="headerlink" title="锚点与链接 Links"></a>锚点与链接 Links</h3><p><a target="_blank" rel="noopener" href="http://localhost/">普通链接</a></p> <h1 id="锚点与链接-Links"><a href="#锚点与链接-Links" class="headerlink" title="锚点与链接 Links"></a>锚点与链接 Links</h1><p><a target="_blank" rel="noopener" href="http://localhost/">普通链接</a></p>
<p><a target="_blank" rel="noopener" href="http://localhost/" title="普通链接带标题">普通链接带标题</a></p> <p><a target="_blank" rel="noopener" href="http://localhost/" title="普通链接带标题">普通链接带标题</a></p>
<p>直接链接:<a target="_blank" rel="noopener" href="https://github.com/">https://github.com</a></p> <p>直接链接:<a target="_blank" rel="noopener" href="https://github.com/">https://github.com</a></p>
<p><a target="_blank" rel="noopener" href="https://baidu.com/">https://baidu.com</a></p> <p><a target="_blank" rel="noopener" href="https://baidu.com/">https://baidu.com</a></p>
<p><a target="_blank" rel="noopener" href="http://www.this-anchor-link.com/">锚点链接</a> </p> <p><a target="_blank" rel="noopener" href="http://www.this-anchor-link.com/">锚点链接</a> </p>
<p><a href="mailto:test.test@gmail.com">mailto:test.test@gmail.com</a></p> <p><a href="mailto:test.test@gmail.com">mailto:test.test@gmail.com</a></p>
<p>GFM a-tail link <a target="_blank" rel="noopener" href="https://my.oschina.net/u/3691274">@pandao</a> 邮箱地址自动链接 <a href="mailto:&#x74;&#x65;&#115;&#116;&#x2e;&#116;&#101;&#x73;&#116;&#x40;&#103;&#109;&#97;&#x69;&#108;&#x2e;&#99;&#111;&#109;">&#x74;&#x65;&#115;&#116;&#x2e;&#116;&#101;&#x73;&#116;&#x40;&#103;&#109;&#97;&#x69;&#108;&#x2e;&#99;&#111;&#109;</a> <a href="mailto:&#x77;&#x77;&#x77;&#x40;&#x76;&#x69;&#x70;&#x2e;&#x71;&#113;&#x2e;&#x63;&#x6f;&#x6d;">&#x77;&#x77;&#x77;&#x40;&#x76;&#x69;&#x70;&#x2e;&#x71;&#113;&#x2e;&#x63;&#x6f;&#x6d;</a></p> <p>GFM a-tail link <a target="_blank" rel="noopener" href="https://my.oschina.net/u/3691274">@pandao</a> 邮箱地址自动链接 <a href="mailto:&#x74;&#101;&#115;&#x74;&#46;&#116;&#x65;&#115;&#x74;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#x63;&#111;&#109;">&#x74;&#101;&#115;&#x74;&#46;&#116;&#x65;&#115;&#x74;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#x63;&#111;&#109;</a> <a href="mailto:&#119;&#x77;&#x77;&#x40;&#118;&#x69;&#x70;&#46;&#113;&#x71;&#x2e;&#99;&#x6f;&#x6d;">&#119;&#x77;&#x77;&#x40;&#118;&#x69;&#x70;&#46;&#113;&#x71;&#x2e;&#99;&#x6f;&#x6d;</a></p>
<blockquote> <blockquote>
<p>@pandao</p> <p>@pandao</p>
</blockquote> </blockquote>
<h3 id="多语言代码高亮-Codes"><a href="#多语言代码高亮-Codes" class="headerlink" title="多语言代码高亮 Codes"></a>多语言代码高亮 Codes</h3><h4 id="行内代码-Inline-code"><a href="#行内代码-Inline-code" class="headerlink" title="行内代码 Inline code"></a>行内代码 Inline code</h4><p>执行命令:<code>npm install marked</code></p> <h1 id="多语言代码高亮-Codes"><a href="#多语言代码高亮-Codes" class="headerlink" title="多语言代码高亮 Codes"></a>多语言代码高亮 Codes</h1><h2 id="行内代码-Inline-code"><a href="#行内代码-Inline-code" class="headerlink" title="行内代码 Inline code"></a>行内代码 Inline code</h2><p>执行命令:<code>npm install marked</code></p>
<h4 id="JS代码"><a href="#JS代码" class="headerlink" title="JS代码"></a>JS代码</h4><pre class="line-numbers language-javascript" data-language="javascript"><code class="language-javascript"><span class="token keyword">function</span> <span class="token function">test</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span> <h2 id="JS代码"><a href="#JS代码" class="headerlink" title="JS代码"></a>JS代码</h2><pre class="line-numbers language-javascript" data-language="javascript"><code class="language-javascript"><span class="token keyword">function</span> <span class="token function">test</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">"Hello world!"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">"Hello world!"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span> <span class="token punctuation">&#125;</span>
@ -284,7 +284,7 @@
<span class="token keyword">var</span> testBox <span class="token operator">=</span> <span class="token function">box</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">var</span> testBox <span class="token operator">=</span> <span class="token function">box</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
testBox<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">"jQuery"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">"jQuery"</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> testBox<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">"jQuery"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">"jQuery"</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<h4 id="HTML-代码-HTML-codes"><a href="#HTML-代码-HTML-codes" class="headerlink" title="HTML 代码 HTML codes"></a>HTML 代码 HTML codes</h4><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span> <h2 id="HTML-代码-HTML-codes"><a href="#HTML-代码-HTML-codes" class="headerlink" title="HTML 代码 HTML codes"></a>HTML 代码 HTML codes</h2><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mate</span> <span class="token attr-name">charest</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mate</span> <span class="token attr-name">charest</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
@ -302,7 +302,7 @@ testBox<span class="token punctuation">.</span><span class="token function">add<
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<h3 id="图片-Images"><a href="#图片-Images" class="headerlink" title="图片 Images"></a>图片 Images</h3><p>Image:</p> <h1 id="图片-Images"><a href="#图片-Images" class="headerlink" title="图片 Images"></a>图片 Images</h1><p>Image:</p>
<p><img src="https://pandao.github.io/editor.md/examples/images/4.jpg"></p> <p><img src="https://pandao.github.io/editor.md/examples/images/4.jpg"></p>
<blockquote> <blockquote>
<p>Follow your heart.</p> <p>Follow your heart.</p>
@ -317,17 +317,17 @@ testBox<span class="token punctuation">.</span><span class="token function">add<
<p>图为:李健首张专辑《似水流年》封面</p> <p>图为:李健首张专辑《似水流年》封面</p>
</blockquote> </blockquote>
<hr> <hr>
<h3 id="列表-Lists"><a href="#列表-Lists" class="headerlink" title="列表 Lists"></a>列表 Lists</h3><h4 id="无序列表减号Unordered-Lists"><a href="#无序列表减号Unordered-Lists" class="headerlink" title="无序列表减号Unordered Lists (-)"></a>无序列表减号Unordered Lists (-)</h4><ul> <h1 id="列表-Lists"><a href="#列表-Lists" class="headerlink" title="列表 Lists"></a>列表 Lists</h1><h2 id="无序列表减号Unordered-Lists"><a href="#无序列表减号Unordered-Lists" class="headerlink" title="无序列表减号Unordered Lists (-)"></a>无序列表减号Unordered Lists (-)</h2><ul>
<li>列表一</li> <li>列表一</li>
<li>列表二</li> <li>列表二</li>
<li>列表三</li> <li>列表三</li>
</ul> </ul>
<h4 id="无序列表星号Unordered-Lists"><a href="#无序列表星号Unordered-Lists" class="headerlink" title="无序列表星号Unordered Lists (*)"></a>无序列表星号Unordered Lists (*)</h4><ul> <h2 id="无序列表星号Unordered-Lists"><a href="#无序列表星号Unordered-Lists" class="headerlink" title="无序列表星号Unordered Lists (*)"></a>无序列表星号Unordered Lists (*)</h2><ul>
<li>列表一</li> <li>列表一</li>
<li>列表二</li> <li>列表二</li>
<li>列表三</li> <li>列表三</li>
</ul> </ul>
<h4 id="无序列表加号和嵌套Unordered-Lists"><a href="#无序列表加号和嵌套Unordered-Lists" class="headerlink" title="无序列表加号和嵌套Unordered Lists (+)"></a>无序列表加号和嵌套Unordered Lists (+)</h4><ul> <h2 id="无序列表加号和嵌套Unordered-Lists"><a href="#无序列表加号和嵌套Unordered-Lists" class="headerlink" title="无序列表加号和嵌套Unordered Lists (+)"></a>无序列表加号和嵌套Unordered Lists (+)</h2><ul>
<li>列表一</li> <li>列表一</li>
<li>列表二<ul> <li>列表二<ul>
<li>列表二-1</li> <li>列表二-1</li>
@ -342,12 +342,12 @@ testBox<span class="token punctuation">.</span><span class="token function">add<
</ul> </ul>
</li> </li>
</ul> </ul>
<h4 id="有序列表-Ordered-Lists"><a href="#有序列表-Ordered-Lists" class="headerlink" title="有序列表 Ordered Lists (-)"></a>有序列表 Ordered Lists (-)</h4><ol> <h2 id="有序列表-Ordered-Lists"><a href="#有序列表-Ordered-Lists" class="headerlink" title="有序列表 Ordered Lists (-)"></a>有序列表 Ordered Lists (-)</h2><ol>
<li>第一行</li> <li>第一行</li>
<li>第二行</li> <li>第二行</li>
<li>第三行</li> <li>第三行</li>
</ol> </ol>
<h4 id="GFM-task-list"><a href="#GFM-task-list" class="headerlink" title="GFM task list"></a>GFM task list</h4><ul> <h2 id="GFM-task-list"><a href="#GFM-task-list" class="headerlink" title="GFM task list"></a>GFM task list</h2><ul>
<li><input checked="" disabled="" type="checkbox"> GFM task list 1</li> <li><input checked="" disabled="" type="checkbox"> GFM task list 1</li>
<li><input checked="" disabled="" type="checkbox"> GFM task list 2</li> <li><input checked="" disabled="" type="checkbox"> GFM task list 2</li>
<li><input disabled="" type="checkbox"> GFM task list 3<ul> <li><input disabled="" type="checkbox"> GFM task list 3<ul>
@ -363,7 +363,7 @@ testBox<span class="token punctuation">.</span><span class="token function">add<
</li> </li>
</ul> </ul>
<hr> <hr>
<h3 id="绘制表格-Tables"><a href="#绘制表格-Tables" class="headerlink" title="绘制表格 Tables"></a>绘制表格 Tables</h3><table> <h1 id="绘制表格-Tables"><a href="#绘制表格-Tables" class="headerlink" title="绘制表格 Tables"></a>绘制表格 Tables</h1><table>
<thead> <thead>
<tr> <tr>
<th>项目</th> <th>项目</th>
@ -479,18 +479,20 @@ testBox<span class="token punctuation">.</span><span class="token function">add<
<td align="right">$1</td> <td align="right">$1</td>
</tr> </tr>
</tbody></table> </tbody></table>
<h3 id="科学公式-TeX-KaTeX"><a href="#科学公式-TeX-KaTeX" class="headerlink" title="科学公式 TeX(KaTeX)"></a>科学公式 TeX(KaTeX)</h3><p>$$E&#x3D;mc^2$$</p> <h1 id="科学公式-TeX-KaTeX"><a href="#科学公式-TeX-KaTeX" class="headerlink" title="科学公式 TeX(KaTeX)"></a>科学公式 TeX(KaTeX)</h1><p>$$E&#x3D;mc^2$$</p>
<p>$$x &gt; y$$</p> <p>$$x &gt; y$$</p>
<p>$$(\sqrt{3x-1}+(1+x)^2)$$</p> <p>$$(\sqrt{3x-1}+(1+x)^2)$$</p>
<p>$$\sin(\alpha)^{\theta}&#x3D;\sum_{i&#x3D;0}^{n}(x^i + \cos(f))$$</p> <p>$$\sin(\alpha)^{\theta}&#x3D;\sum_{i&#x3D;0}^{n}(x^i + \cos(f))$$</p>
<h3 id="绘制流程图-mermaid"><a href="#绘制流程图-mermaid" class="headerlink" title="绘制流程图 mermaid"></a>绘制流程图 mermaid</h3><div class="mermaid"> <h1 id="绘制流程图-mermaid"><a href="#绘制流程图-mermaid" class="headerlink" title="绘制流程图 mermaid"></a>绘制流程图 mermaid</h1><div class="mermaid">
graph TD; graph TD;
A --> B; A --> B;
A --> C; A --> C;
B --> D; B --> D;
C --> D; C --> D;
</div> </div>
<h3 id="End"><a href="#End" class="headerlink" title="End"></a>End</h3></article>
<p>End</p>
</article>
<link rel="stylesheet" href="/css/ccbcde32.css"> <link rel="stylesheet" href="/css/ccbcde32.css">
@ -539,7 +541,7 @@ testBox<span class="token punctuation">.</span><span class="token function">add<
<span>Catalog</span> <span>Catalog</span>
</p> </p>
<!-- 文章toc --> <!-- 文章toc -->
<ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Linear-Markdown-Sample"><span class="toc-number">1.</span> <span class="toc-text">Linear Markdown Sample</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Heading-1-link-Heading-link"><span class="toc-number">2.</span> <span class="toc-text">Heading 1 link Heading link</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#Heading-2-link-Heading-link"><span class="toc-number">2.1.</span> <span class="toc-text">Heading 2 link Heading link</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#Heading-3-link-Heading-link"><span class="toc-number">2.1.1.</span> <span class="toc-text">Heading 3 link Heading link</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%AD%97%E7%AC%A6%E6%95%88%E6%9E%9C%E5%92%8C%E6%A8%AA%E7%BA%BF%E7%AD%89"><span class="toc-number">2.1.2.</span> <span class="toc-text">字符效果和横线等</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%BC%95%E7%94%A8-Blockquotes"><span class="toc-number">2.1.3.</span> <span class="toc-text">引用 Blockquotes</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E9%94%9A%E7%82%B9%E4%B8%8E%E9%93%BE%E6%8E%A5-Links"><span class="toc-number">2.1.4.</span> <span class="toc-text">锚点与链接 Links</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%A4%9A%E8%AF%AD%E8%A8%80%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE-Codes"><span class="toc-number">2.1.5.</span> <span class="toc-text">多语言代码高亮 Codes</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%9B%BE%E7%89%87-Images"><span class="toc-number">2.1.6.</span> <span class="toc-text">图片 Images</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%88%97%E8%A1%A8-Lists"><span class="toc-number">2.1.7.</span> <span class="toc-text">列表 Lists</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E7%BB%98%E5%88%B6%E8%A1%A8%E6%A0%BC-Tables"><span class="toc-number">2.1.8.</span> <span class="toc-text">绘制表格 Tables</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E7%A7%91%E5%AD%A6%E5%85%AC%E5%BC%8F-TeX-KaTeX"><span class="toc-number">2.1.9.</span> <span class="toc-text">科学公式 TeX(KaTeX)</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E7%BB%98%E5%88%B6%E6%B5%81%E7%A8%8B%E5%9B%BE-mermaid"><span class="toc-number">2.1.10.</span> <span class="toc-text">绘制流程图 mermaid</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#End"><span class="toc-number">2.1.11.</span> <span class="toc-text">End</span></a></li></ol></li></ol></li></ol> <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Linear-Markdown-Sample"><span class="toc-number">1.</span> <span class="toc-text">Linear Markdown Sample</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Heading-1-link-Heading-link"><span class="toc-number">2.</span> <span class="toc-text">Heading 1 link Heading link</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#Heading-2-link-Heading-link"><span class="toc-number">2.1.</span> <span class="toc-text">Heading 2 link Heading link</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#Heading-3-link-Heading-link"><span class="toc-number">2.1.1.</span> <span class="toc-text">Heading 3 link Heading link</span></a></li></ol></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%AD%97%E7%AC%A6%E6%95%88%E6%9E%9C%E5%92%8C%E6%A8%AA%E7%BA%BF%E7%AD%89"><span class="toc-number">3.</span> <span class="toc-text">字符效果和横线等</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%BC%95%E7%94%A8-Blockquotes"><span class="toc-number">4.</span> <span class="toc-text">引用 Blockquotes</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E9%94%9A%E7%82%B9%E4%B8%8E%E9%93%BE%E6%8E%A5-Links"><span class="toc-number">5.</span> <span class="toc-text">锚点与链接 Links</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%A4%9A%E8%AF%AD%E8%A8%80%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE-Codes"><span class="toc-number">6.</span> <span class="toc-text">多语言代码高亮 Codes</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E8%A1%8C%E5%86%85%E4%BB%A3%E7%A0%81-Inline-code"><span class="toc-number">6.1.</span> <span class="toc-text">行内代码 Inline code</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#JS%E4%BB%A3%E7%A0%81"><span class="toc-number">6.2.</span> <span class="toc-text">JS代码</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#HTML-%E4%BB%A3%E7%A0%81-HTML-codes"><span class="toc-number">6.3.</span> <span class="toc-text">HTML 代码 HTML codes</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9B%BE%E7%89%87-Images"><span class="toc-number">7.</span> <span class="toc-text">图片 Images</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%88%97%E8%A1%A8-Lists"><span class="toc-number">8.</span> <span class="toc-text">列表 Lists</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8%EF%BC%88%E5%87%8F%E5%8F%B7%EF%BC%89Unordered-Lists"><span class="toc-number">8.1.</span> <span class="toc-text">无序列表减号Unordered Lists (-)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8%EF%BC%88%E6%98%9F%E5%8F%B7%EF%BC%89Unordered-Lists"><span class="toc-number">8.2.</span> <span class="toc-text">无序列表星号Unordered Lists (*)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8%EF%BC%88%E5%8A%A0%E5%8F%B7%E5%92%8C%E5%B5%8C%E5%A5%97%EF%BC%89Unordered-Lists"><span class="toc-number">8.3.</span> <span class="toc-text">无序列表加号和嵌套Unordered Lists (+)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%9C%89%E5%BA%8F%E5%88%97%E8%A1%A8-Ordered-Lists"><span class="toc-number">8.4.</span> <span class="toc-text">有序列表 Ordered Lists (-)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#GFM-task-list"><span class="toc-number">8.5.</span> <span class="toc-text">GFM task list</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E7%BB%98%E5%88%B6%E8%A1%A8%E6%A0%BC-Tables"><span class="toc-number">9.</span> <span class="toc-text">绘制表格 Tables</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E7%A7%91%E5%AD%A6%E5%85%AC%E5%BC%8F-TeX-KaTeX"><span class="toc-number">10.</span> <span class="toc-text">科学公式 TeX(KaTeX)</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E7%BB%98%E5%88%B6%E6%B5%81%E7%A8%8B%E5%9B%BE-mermaid"><span class="toc-number">11.</span> <span class="toc-text">绘制流程图 mermaid</span></a></li></ol>
</div> </div>
</div> </div>
</div> </div>

View File

@ -208,6 +208,25 @@
<h2>2023</h2> <h2>2023</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/">
<div class="timeline-info">
<span>10-20 11:10:24</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title">
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear%20%E5%85%A5%E9%97%A8/"> <a class="timeline-item" href="/2023/10/20/Linear%20%E5%85%A5%E9%97%A8/">
<div class="timeline-info"> <div class="timeline-info">
@ -226,26 +245,6 @@
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
<div class="timeline-info">
<span>10-20 10:25:55</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title">
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>verdaccio 搭建 npm私库</span>
</div>
<p>使用 docker 搭建 verdaccio创建 &amp;amp; 配置config.yaml文件
# Read about the best practices
# https://verdaccio.o...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear-Starter-Guide/"> <a class="timeline-item" href="/2023/10/20/Linear-Starter-Guide/">
<div class="timeline-info"> <div class="timeline-info">
@ -266,9 +265,9 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
</li> </li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/"> <a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
<div class="timeline-info"> <div class="timeline-info">
<span>10-20 11:10:24</span> <span>10-20 10:25:55</span>
</div> </div>
<div class="timeline-marker"></div> <div class="timeline-marker"></div>
<div class="timeline-content"> <div class="timeline-content">
@ -276,10 +275,11 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span> <span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>Markdown Sample</span> <span>verdaccio 搭建 npm私库</span>
</div> </div>
<p>Linear Markdown Sample <p>使用 docker 搭建 verdaccio创建 &amp;amp; 配置config.yaml文件
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p> # Read about the best practices
# https://verdaccio.o...</p>
</div> </div>
</a> </a>
</li> </li>

View File

@ -208,6 +208,25 @@
<h2>2023</h2> <h2>2023</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/">
<div class="timeline-info">
<span>10-20 11:10:24</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title">
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear%20%E5%85%A5%E9%97%A8/"> <a class="timeline-item" href="/2023/10/20/Linear%20%E5%85%A5%E9%97%A8/">
<div class="timeline-info"> <div class="timeline-info">
@ -226,26 +245,6 @@
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
<div class="timeline-info">
<span>10-20 10:25:55</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title">
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>verdaccio 搭建 npm私库</span>
</div>
<p>使用 docker 搭建 verdaccio创建 &amp;amp; 配置config.yaml文件
# Read about the best practices
# https://verdaccio.o...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear-Starter-Guide/"> <a class="timeline-item" href="/2023/10/20/Linear-Starter-Guide/">
<div class="timeline-info"> <div class="timeline-info">
@ -266,9 +265,9 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
</li> </li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/"> <a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
<div class="timeline-info"> <div class="timeline-info">
<span>10-20 11:10:24</span> <span>10-20 10:25:55</span>
</div> </div>
<div class="timeline-marker"></div> <div class="timeline-marker"></div>
<div class="timeline-content"> <div class="timeline-content">
@ -276,10 +275,11 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span> <span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>Markdown Sample</span> <span>verdaccio 搭建 npm私库</span>
</div> </div>
<p>Linear Markdown Sample <p>使用 docker 搭建 verdaccio创建 &amp;amp; 配置config.yaml文件
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p> # Read about the best practices
# https://verdaccio.o...</p>
</div> </div>
</a> </a>
</li> </li>

View File

@ -208,6 +208,25 @@
<h2>2023</h2> <h2>2023</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/">
<div class="timeline-info">
<span>10-20 11:10:24</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title">
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear%20%E5%85%A5%E9%97%A8/"> <a class="timeline-item" href="/2023/10/20/Linear%20%E5%85%A5%E9%97%A8/">
<div class="timeline-info"> <div class="timeline-info">
@ -226,26 +245,6 @@
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
<div class="timeline-info">
<span>10-20 10:25:55</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title">
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>verdaccio 搭建 npm私库</span>
</div>
<p>使用 docker 搭建 verdaccio创建 &amp;amp; 配置config.yaml文件
# Read about the best practices
# https://verdaccio.o...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear-Starter-Guide/"> <a class="timeline-item" href="/2023/10/20/Linear-Starter-Guide/">
<div class="timeline-info"> <div class="timeline-info">
@ -266,9 +265,9 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
</li> </li>
<li> <li>
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/"> <a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
<div class="timeline-info"> <div class="timeline-info">
<span>10-20 11:10:24</span> <span>10-20 10:25:55</span>
</div> </div>
<div class="timeline-marker"></div> <div class="timeline-marker"></div>
<div class="timeline-content"> <div class="timeline-content">
@ -276,10 +275,11 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
<span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span> <span class="icon status tip right" data-tip="Done"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></span>
<span>Markdown Sample</span> <span>verdaccio 搭建 npm私库</span>
</div> </div>
<p>Linear Markdown Sample <p>使用 docker 搭建 verdaccio创建 &amp;amp; 配置config.yaml文件
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p> # Read about the best practices
# https://verdaccio.o...</p>
</div> </div>
</a> </a>
</li> </li>

View File

@ -21,7 +21,8 @@ keywords: "Markdown, 代码高亮 (Codes), 引用 (Blockquotes), 列表 (Lists),
###### Heading 6 link [Heading link](https://github.com/pandao/editor.md "Heading link") ###### Heading 6 link [Heading link](https://github.com/pandao/editor.md "Heading link")
### 字符效果和横线等
# 字符效果和横线等
---- ----
@ -38,7 +39,7 @@ keywords: "Markdown, 代码高亮 (Codes), 引用 (Blockquotes), 列表 (Lists),
The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>. The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.
### 引用 Blockquotes # 引用 Blockquotes
> 引用文本 Blockquotes > 引用文本 Blockquotes
@ -46,7 +47,7 @@ The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is mainta
> 引用:如果想要插入空白换行`即<br />标签`,在插入处先键入两个以上的空格然后回车即可,[普通链接](http://localhost/)。 > 引用:如果想要插入空白换行`即<br />标签`,在插入处先键入两个以上的空格然后回车即可,[普通链接](http://localhost/)。
### 锚点与链接 Links # 锚点与链接 Links
[普通链接](http://localhost/) [普通链接](http://localhost/)
@ -66,13 +67,13 @@ GFM a-tail link [@pandao](https://my.oschina.net/u/3691274) 邮箱地址自动
> @pandao > @pandao
### 多语言代码高亮 Codes # 多语言代码高亮 Codes
#### 行内代码 Inline code ## 行内代码 Inline code
执行命令:`npm install marked` 执行命令:`npm install marked`
#### JS代码  ## JS代码 
```javascript ```javascript
function test() { function test() {
@ -113,7 +114,7 @@ var testBox = box();
testBox.add("jQuery").remove("jQuery"); testBox.add("jQuery").remove("jQuery");
``` ```
#### HTML 代码 HTML codes ## HTML 代码 HTML codes
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
@ -135,7 +136,7 @@ testBox.add("jQuery").remove("jQuery");
</html> </html>
``` ```
### 图片 Images # 图片 Images
Image: Image:
@ -155,21 +156,21 @@ Image:
---- ----
### 列表 Lists # 列表 Lists
#### 无序列表减号Unordered Lists (-) ## 无序列表减号Unordered Lists (-)
- 列表一 - 列表一
- 列表二 - 列表二
- 列表三 - 列表三
#### 无序列表星号Unordered Lists (*) ## 无序列表星号Unordered Lists (*)
* 列表一 * 列表一
* 列表二 * 列表二
* 列表三 * 列表三
#### 无序列表加号和嵌套Unordered Lists (+) ## 无序列表加号和嵌套Unordered Lists (+)
+ 列表一 + 列表一
+ 列表二 + 列表二
@ -181,13 +182,13 @@ Image:
* 列表二 * 列表二
* 列表三 * 列表三
#### 有序列表 Ordered Lists (-) ## 有序列表 Ordered Lists (-)
1. 第一行 1. 第一行
2. 第二行 2. 第二行
3. 第三行 3. 第三行
#### GFM task list ## GFM task list
- [x] GFM task list 1 - [x] GFM task list 1
- [x] GFM task list 2 - [x] GFM task list 2
@ -201,7 +202,7 @@ Image:
---- ----
### 绘制表格 Tables # 绘制表格 Tables
| 项目 | 价格 | 数量 | | 项目 | 价格 | 数量 |
| ------ | ----: | :---: | | ------ | ----: | :---: |
@ -236,7 +237,7 @@ Image:
| Phone | $12 | | Phone | $12 |
| Pipe | $1 | | Pipe | $1 |
### 科学公式 TeX(KaTeX) # 科学公式 TeX(KaTeX)
$$E=mc^2$$ $$E=mc^2$$
@ -247,7 +248,7 @@ $$\(\sqrt{3x-1}+(1+x)^2\)$$
$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$ $$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
### 绘制流程图 mermaid # 绘制流程图 mermaid
{% mermaid %} {% mermaid %}
graph TD; graph TD;
@ -256,5 +257,7 @@ graph TD;
B --> D; B --> D;
C --> D; C --> D;
{% endmermaid %} {% endmermaid %}
### End End