doc: markdown sample
This commit is contained in:
parent
b60841cb40
commit
5909ea8aa0
|
@ -220,23 +220,8 @@
|
||||||
<!-- 文章tags -->
|
<!-- 文章tags -->
|
||||||
|
|
||||||
<!-- 渲染文章内容 -->
|
<!-- 渲染文章内容 -->
|
||||||
<article><h1 id="Editor-md"><a href="#Editor-md" class="headerlink" title="Editor.md"></a>Editor.md</h1><p><a target="_blank" rel="noopener" href="https://oschina.net">hhh</a></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>
|
||||||
<img src="https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png">
|
<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="换行TEST"><a href="#换行TEST" class="headerlink" title="换行TEST"></a>换行TEST</h1><p>1<br>2<br>3</p>
|
|
||||||
<p>a<br>b</p>
|
|
||||||
<hr>
|
|
||||||
<p>q<br>d</p>
|
|
||||||
<p>#HEAD TEST</p>
|
|
||||||
<h1 id="Smart-Test"><a href="#Smart-Test" class="headerlink" title="Smart Test"></a>Smart Test</h1><p>…</p>
|
|
||||||
<hr>
|
|
||||||
<p>–</p>
|
|
||||||
<p><img src="https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png"></p>
|
|
||||||
<p><img src="https://img.shields.io/github/stars/pandao/editor.md.svg"> <img src="https://img.shields.io/github/forks/pandao/editor.md.svg"> <img src="https://img.shields.io/github/tag/pandao/editor.md.svg"> <img src="https://img.shields.io/github/release/pandao/editor.md.svg"> <img src="https://img.shields.io/github/issues/pandao/editor.md.svg"> <img src="https://img.shields.io/bower/v/editor.md.svg"></p>
|
|
||||||
<p><strong>目录 (Table of Contents)</strong></p>
|
|
||||||
<p>[TOCM]</p>
|
|
||||||
<p>[TOC]</p>
|
|
||||||
<h1 id="Heading-1"><a href="#Heading-1" class="headerlink" title="Heading 1"></a>Heading 1</h1><h2 id="Heading-2"><a href="#Heading-2" class="headerlink" title="Heading 2"></a>Heading 2</h2><h3 id="Heading-3"><a href="#Heading-3" class="headerlink" title="Heading 3"></a>Heading 3</h3><h4 id="Heading-4"><a href="#Heading-4" class="headerlink" title="Heading 4"></a>Heading 4</h4><h5 id="Heading-5"><a href="#Heading-5" class="headerlink" title="Heading 5"></a>Heading 5</h5><h6 id="Heading-6"><a href="#Heading-6" class="headerlink" title="Heading 6"></a>Heading 6</h6><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><h4 id="标题(用底线的形式)Heading-underline"><a href="#标题(用底线的形式)Heading-underline" class="headerlink" title="标题(用底线的形式)Heading (underline)"></a>标题(用底线的形式)Heading (underline)</h4><h1 id="This-is-an-H1"><a href="#This-is-an-H1" class="headerlink" title="This is an H1"></a>This is an H1</h1><h2 id="This-is-an-H2"><a href="#This-is-an-H2" class="headerlink" title="This is an H2"></a>This is an H2</h2><h3 id="字符效果和横线等"><a href="#字符效果和横线等" class="headerlink" title="字符效果和横线等"></a>字符效果和横线等</h3><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>
|
||||||
|
@ -257,22 +242,11 @@
|
||||||
<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:test.test@gmail.com">test.test@gmail.com</a> <a href="mailto:www@vip.qq.com">www@vip.qq.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:test.test@gmail.com">test.test@gmail.com</a> <a href="mailto:www@vip.qq.com">www@vip.qq.com</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>
|
<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>
|
||||||
<h4 id="缩进风格"><a href="#缩进风格" class="headerlink" title="缩进风格"></a>缩进风格</h4><p>即缩进四个空格,也做为实现类似 <code><pre></code> 预格式化文本 ( Preformatted Text ) 的功能。</p>
|
|
||||||
<pre><code><?php
|
|
||||||
echo "Hello world!";
|
|
||||||
?>
|
|
||||||
</code></pre>
|
|
||||||
<p>预格式化文本:</p>
|
|
||||||
<pre><code>| First Header | Second Header |
|
|
||||||
| ------------ | ------------- |
|
|
||||||
| Content Cell | Content Cell |
|
|
||||||
| Content Cell | Content Cell |
|
|
||||||
</code></pre>
|
|
||||||
<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">{</span>
|
<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">{</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">}</span>
|
<span class="token punctuation">}</span>
|
||||||
|
@ -505,29 +479,7 @@ 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>
|
||||||
<hr>
|
|
||||||
<h4 id="特殊符号-HTML-Entities-Codes"><a href="#特殊符号-HTML-Entities-Codes" class="headerlink" title="特殊符号 HTML Entities Codes"></a>特殊符号 HTML Entities Codes</h4><p>&copy; & &uml; &trade; &iexcl; &pound;<br>& < > &yen; &euro; &reg; &plusmn; &para; &sect; &brvbar; &macr; &laquo; &middot; </p>
|
|
||||||
<p>X&sup2; Y&sup3; &frac34; &frac14; &times; &divide; &raquo;</p>
|
|
||||||
<p>18&ordm;C " &apos;</p>
|
|
||||||
<p>[========]</p>
|
|
||||||
<h3 id="Emoji表情-smiley"><a href="#Emoji表情-smiley" class="headerlink" title="Emoji表情 :smiley:"></a>Emoji表情 :smiley:</h3><blockquote>
|
|
||||||
<p>Blockquotes :star:</p>
|
|
||||||
</blockquote>
|
|
||||||
<h4 id="GFM-task-lists-amp-Emoji-amp-fontAwesome-icon-emoji-amp-editormd-logo-emoji-editormd-logo-5x"><a href="#GFM-task-lists-amp-Emoji-amp-fontAwesome-icon-emoji-amp-editormd-logo-emoji-editormd-logo-5x" class="headerlink" title="GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:"></a>GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:</h4><ul>
|
|
||||||
<li><input checked="" disabled="" type="checkbox"> :smiley: @mentions, :smiley: #refs, <a href="">links</a>, <strong>formatting</strong>, and <del>tags</del> supported :editormd-logo:;</li>
|
|
||||||
<li><input checked="" disabled="" type="checkbox"> list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;</li>
|
|
||||||
<li><input checked="" disabled="" type="checkbox"> [ ] :smiley: this is a complete item :smiley:;</li>
|
|
||||||
<li><input disabled="" type="checkbox"> []this is an incomplete item <a href="#">test link</a> :fa-star: @pandao; </li>
|
|
||||||
<li><input disabled="" type="checkbox"> [ ]this is an incomplete item :fa-star: :fa-gear:;<ul>
|
|
||||||
<li><input disabled="" type="checkbox"> :smiley: this is an incomplete item <a href="#">test link</a> :fa-star: :fa-gear:;</li>
|
|
||||||
<li><input disabled="" type="checkbox"> :smiley: this is :fa-star: :fa-gear: an incomplete item <a href="#">test link</a>;</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h4 id="反斜杠-Escape"><a href="#反斜杠-Escape" class="headerlink" title="反斜杠 Escape"></a>反斜杠 Escape</h4><p>*literal asterisks*</p>
|
|
||||||
<p>[========]</p>
|
|
||||||
<h3 id="科学公式-TeX-KaTeX"><a href="#科学公式-TeX-KaTeX" class="headerlink" title="科学公式 TeX(KaTeX)"></a>科学公式 TeX(KaTeX)</h3><p>$$E=mc^2$$</p>
|
<h3 id="科学公式-TeX-KaTeX"><a href="#科学公式-TeX-KaTeX" class="headerlink" title="科学公式 TeX(KaTeX)"></a>科学公式 TeX(KaTeX)</h3><p>$$E=mc^2$$</p>
|
||||||
<p>行内的公式$$E=mc^2$$行内的公式,行内的$$E=mc^2$$公式。</p>
|
|
||||||
<p>$$x > y$$</p>
|
<p>$$x > y$$</p>
|
||||||
<p>$$(\sqrt{3x-1}+(1+x)^2)$$</p>
|
<p>$$(\sqrt{3x-1}+(1+x)^2)$$</p>
|
||||||
<p>$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$</p>
|
<p>$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$</p>
|
||||||
|
@ -587,7 +539,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="#Editor-md"><span class="toc-number">1.</span> <span class="toc-text">Editor.md</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E6%8D%A2%E8%A1%8CTEST"><span class="toc-number">2.</span> <span class="toc-text">换行TEST</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Smart-Test"><span class="toc-number">3.</span> <span class="toc-text">Smart Test</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Heading-1"><span class="toc-number">4.</span> <span class="toc-text">Heading 1</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#Heading-2"><span class="toc-number">4.1.</span> <span class="toc-text">Heading 2</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#Heading-3"><span class="toc-number">4.1.1.</span> <span class="toc-text">Heading 3</span></a></li></ol></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Heading-1-link-Heading-link"><span class="toc-number">5.</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">5.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">5.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="#This-is-an-H1"><span class="toc-number">6.</span> <span class="toc-text">This is an H1</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#This-is-an-H2"><span class="toc-number">6.1.</span> <span class="toc-text">This is an H2</span></a><ol class="toc-child"><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">6.1.1.</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">6.1.2.</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">6.1.3.</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">6.1.4.</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">6.1.5.</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">6.1.6.</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">6.1.7.</span> <span class="toc-text">绘制表格 Tables</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Emoji%E8%A1%A8%E6%83%85-smiley"><span class="toc-number">6.1.8.</span> <span class="toc-text">Emoji表情 :smiley:</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">6.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">6.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">6.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><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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -227,9 +227,9 @@
|
||||||
</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">
|
||||||
|
@ -237,24 +237,11 @@
|
||||||
|
|
||||||
<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>Editor.mdhhh
|
<p>使用 docker 搭建 verdaccio创建 &amp; 配置config.yaml文件
|
||||||
|
# Read about the best practices
|
||||||
|
# https://verdaccio.o...</p>
|
||||||
换行TEST123
|
|
||||||
ab
|
|
||||||
|
|
||||||
qd
|
|
||||||
#HEAD TEST
|
|
||||||
Smart Test…
|
|
||||||
|
|
||||||
–
|
|
||||||
|
|
||||||
|
|
||||||
目录 (Table of Contents)
|
|
||||||
[TOCM]
|
|
||||||
[TOC]...</p>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -279,9 +266,9 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
|
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/">
|
||||||
<div class="timeline-info">
|
<div class="timeline-info">
|
||||||
<span>10-20 10:25:55</span>
|
<span>10-20 11:10:24</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="timeline-marker"></div>
|
<div class="timeline-marker"></div>
|
||||||
<div class="timeline-content">
|
<div class="timeline-content">
|
||||||
|
@ -289,11 +276,10 @@ 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>verdaccio 搭建 npm私库</span>
|
<span>Markdown Sample</span>
|
||||||
</div>
|
</div>
|
||||||
<p>使用 docker 搭建 verdaccio创建 &amp; 配置config.yaml文件
|
<p>Linear Markdown Sample
|
||||||
# Read about the best practices
|
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
|
||||||
# https://verdaccio.o...</p>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -227,9 +227,9 @@
|
||||||
</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">
|
||||||
|
@ -237,24 +237,11 @@
|
||||||
|
|
||||||
<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>Editor.mdhhh
|
<p>使用 docker 搭建 verdaccio创建 &amp; 配置config.yaml文件
|
||||||
|
# Read about the best practices
|
||||||
|
# https://verdaccio.o...</p>
|
||||||
换行TEST123
|
|
||||||
ab
|
|
||||||
|
|
||||||
qd
|
|
||||||
#HEAD TEST
|
|
||||||
Smart Test…
|
|
||||||
|
|
||||||
–
|
|
||||||
|
|
||||||
|
|
||||||
目录 (Table of Contents)
|
|
||||||
[TOCM]
|
|
||||||
[TOC]...</p>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -279,9 +266,9 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
|
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/">
|
||||||
<div class="timeline-info">
|
<div class="timeline-info">
|
||||||
<span>10-20 10:25:55</span>
|
<span>10-20 11:10:24</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="timeline-marker"></div>
|
<div class="timeline-marker"></div>
|
||||||
<div class="timeline-content">
|
<div class="timeline-content">
|
||||||
|
@ -289,11 +276,10 @@ 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>verdaccio 搭建 npm私库</span>
|
<span>Markdown Sample</span>
|
||||||
</div>
|
</div>
|
||||||
<p>使用 docker 搭建 verdaccio创建 &amp; 配置config.yaml文件
|
<p>Linear Markdown Sample
|
||||||
# Read about the best practices
|
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
|
||||||
# https://verdaccio.o...</p>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -227,9 +227,9 @@
|
||||||
</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">
|
||||||
|
@ -237,24 +237,11 @@
|
||||||
|
|
||||||
<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>Editor.mdhhh
|
<p>使用 docker 搭建 verdaccio创建 &amp; 配置config.yaml文件
|
||||||
|
# Read about the best practices
|
||||||
|
# https://verdaccio.o...</p>
|
||||||
换行TEST123
|
|
||||||
ab
|
|
||||||
|
|
||||||
qd
|
|
||||||
#HEAD TEST
|
|
||||||
Smart Test…
|
|
||||||
|
|
||||||
–
|
|
||||||
|
|
||||||
|
|
||||||
目录 (Table of Contents)
|
|
||||||
[TOCM]
|
|
||||||
[TOC]...</p>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -279,9 +266,9 @@ Hexo InstallationInstalling a Hexo theme is straightforward. Simply copy the Hex
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a class="timeline-item" href="/2023/10/20/front-end/verdaccio/">
|
<a class="timeline-item" href="/2023/10/20/Linear%20Sample/">
|
||||||
<div class="timeline-info">
|
<div class="timeline-info">
|
||||||
<span>10-20 10:25:55</span>
|
<span>10-20 11:10:24</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="timeline-marker"></div>
|
<div class="timeline-marker"></div>
|
||||||
<div class="timeline-content">
|
<div class="timeline-content">
|
||||||
|
@ -289,11 +276,10 @@ 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>verdaccio 搭建 npm私库</span>
|
<span>Markdown Sample</span>
|
||||||
</div>
|
</div>
|
||||||
<p>使用 docker 搭建 verdaccio创建 &amp; 配置config.yaml文件
|
<p>Linear Markdown Sample
|
||||||
# Read about the best practices
|
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
|
||||||
# https://verdaccio.o...</p>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -8,54 +8,11 @@ categories:
|
||||||
keywords: "Markdown, 代码高亮 (Codes), 引用 (Blockquotes), 列表 (Lists), 图片 (Images), 表格 (Tables), Emoji, TeX(KaTeX), 流程图 (mermaid)"
|
keywords: "Markdown, 代码高亮 (Codes), 引用 (Blockquotes), 列表 (Lists), 图片 (Images), 表格 (Tables), Emoji, TeX(KaTeX), 流程图 (mermaid)"
|
||||||
---
|
---
|
||||||
|
|
||||||
# Editor.md
|
# Linear Markdown Sample
|
||||||
|
|
||||||
|
![markdown](https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png)
|
||||||
|
|
||||||
|
|
||||||
<a href="https://oschina.net">hhh</a>
|
|
||||||
|
|
||||||
<img src="https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png">
|
|
||||||
|
|
||||||
# 换行TEST
|
|
||||||
|
|
||||||
1
|
|
||||||
2
|
|
||||||
3
|
|
||||||
|
|
||||||
a
|
|
||||||
b
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
q\
|
|
||||||
d
|
|
||||||
|
|
||||||
#HEAD TEST
|
|
||||||
|
|
||||||
# Smart Test
|
|
||||||
|
|
||||||
...
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
--
|
|
||||||
|
|
||||||
|
|
||||||
![](https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png)
|
|
||||||
|
|
||||||
![](https://img.shields.io/github/stars/pandao/editor.md.svg) ![](https://img.shields.io/github/forks/pandao/editor.md.svg) ![](https://img.shields.io/github/tag/pandao/editor.md.svg) ![](https://img.shields.io/github/release/pandao/editor.md.svg) ![](https://img.shields.io/github/issues/pandao/editor.md.svg) ![](https://img.shields.io/bower/v/editor.md.svg)
|
|
||||||
|
|
||||||
**目录 (Table of Contents)**
|
|
||||||
|
|
||||||
[TOCM]
|
|
||||||
|
|
||||||
[TOC]
|
|
||||||
|
|
||||||
# Heading 1
|
|
||||||
## Heading 2
|
|
||||||
### Heading 3
|
|
||||||
#### Heading 4
|
|
||||||
##### Heading 5
|
|
||||||
###### Heading 6
|
|
||||||
# Heading 1 link [Heading link](https://github.com/pandao/editor.md "Heading link")
|
# Heading 1 link [Heading link](https://github.com/pandao/editor.md "Heading link")
|
||||||
## Heading 2 link [Heading link](https://github.com/pandao/editor.md "Heading link")
|
## Heading 2 link [Heading link](https://github.com/pandao/editor.md "Heading link")
|
||||||
### Heading 3 link [Heading link](https://github.com/pandao/editor.md "Heading link")
|
### Heading 3 link [Heading link](https://github.com/pandao/editor.md "Heading link")
|
||||||
|
@ -63,13 +20,6 @@ d
|
||||||
##### Heading 5 link [Heading link](https://github.com/pandao/editor.md "Heading link")
|
##### Heading 5 link [Heading link](https://github.com/pandao/editor.md "Heading link")
|
||||||
###### 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")
|
||||||
|
|
||||||
#### 标题(用底线的形式)Heading (underline)
|
|
||||||
|
|
||||||
This is an H1
|
|
||||||
=============
|
|
||||||
|
|
||||||
This is an H2
|
|
||||||
-------------
|
|
||||||
|
|
||||||
### 字符效果和横线等
|
### 字符效果和横线等
|
||||||
|
|
||||||
|
@ -122,21 +72,6 @@ GFM a-tail link [@pandao](https://my.oschina.net/u/3691274) 邮箱地址自动
|
||||||
|
|
||||||
执行命令:`npm install marked`
|
执行命令:`npm install marked`
|
||||||
|
|
||||||
#### 缩进风格
|
|
||||||
|
|
||||||
即缩进四个空格,也做为实现类似 `<pre>` 预格式化文本 ( Preformatted Text ) 的功能。
|
|
||||||
|
|
||||||
<?php
|
|
||||||
echo "Hello world!";
|
|
||||||
?>
|
|
||||||
|
|
||||||
预格式化文本:
|
|
||||||
|
|
||||||
| First Header | Second Header |
|
|
||||||
| ------------ | ------------- |
|
|
||||||
| Content Cell | Content Cell |
|
|
||||||
| Content Cell | Content Cell |
|
|
||||||
|
|
||||||
#### JS代码
|
#### JS代码
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
|
@ -301,45 +236,10 @@ Image:
|
||||||
| Phone | $12 |
|
| Phone | $12 |
|
||||||
| Pipe | $1 |
|
| Pipe | $1 |
|
||||||
|
|
||||||
----
|
|
||||||
|
|
||||||
#### 特殊符号 HTML Entities Codes
|
|
||||||
|
|
||||||
© & ¨ ™ ¡ £
|
|
||||||
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
|
|
||||||
|
|
||||||
X² Y³ ¾ ¼ × ÷ »
|
|
||||||
|
|
||||||
18ºC " '
|
|
||||||
|
|
||||||
[========]
|
|
||||||
|
|
||||||
### Emoji表情 :smiley:
|
|
||||||
|
|
||||||
> Blockquotes :star:
|
|
||||||
|
|
||||||
#### GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:
|
|
||||||
|
|
||||||
- [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and <del>tags</del> supported :editormd-logo:;
|
|
||||||
- [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
|
|
||||||
- [x] [ ] :smiley: this is a complete item :smiley:;
|
|
||||||
- [ ] []this is an incomplete item [test link](#) :fa-star: @pandao;
|
|
||||||
- [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
|
|
||||||
- [ ] :smiley: this is an incomplete item [test link](#) :fa-star: :fa-gear:;
|
|
||||||
- [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item [test link](#);
|
|
||||||
|
|
||||||
#### 反斜杠 Escape
|
|
||||||
|
|
||||||
\*literal asterisks\*
|
|
||||||
|
|
||||||
[========]
|
|
||||||
|
|
||||||
### 科学公式 TeX(KaTeX)
|
### 科学公式 TeX(KaTeX)
|
||||||
|
|
||||||
$$E=mc^2$$
|
$$E=mc^2$$
|
||||||
|
|
||||||
行内的公式$$E=mc^2$$行内的公式,行内的$$E=mc^2$$公式。
|
|
||||||
|
|
||||||
$$x > y$$
|
$$x > y$$
|
||||||
|
|
||||||
$$\(\sqrt{3x-1}+(1+x)^2\)$$
|
$$\(\sqrt{3x-1}+(1+x)^2\)$$
|
||||||
|
|
Loading…
Reference in New Issue
Block a user