公共组件汇总

公共组件使用方法


markdown语法样式展示2

<h2>多行或者一段代码</h2> <p>Markdown 语法:</p> <pre><code>```js function fancyAlert(arg) { if(arg) { $.facebox({div:'#foo'}) } } ```</code></pre> <p><code>CMD + Shift + K</code> 可插入Markdown语法。 效果如下:</p> <pre><code class="language-js">function fancyAlert(arg) { if(arg) { $.facebox({div:'#foo'}) } }</code></pre> <h2>顺序图或流程图</h2> <p>Markdown 语法:</p> <pre><code>```sequence 张三-&gt;李四: 嘿,小四儿, 写博客了没? Note right of 李四: 李四愣了一下,说: 李四--&gt;张三: 忙得吐血,哪有时间写。 ``` ```flow st=&gt;start: 开始 e=&gt;end: 结束 op=&gt;operation: 我的操作 cond=&gt;condition: 确认? st-&gt;op-&gt;cond cond(yes)-&gt;e cond(no)-&gt;op ```</code></pre> <p>效果如下( <code>Preferences</code> - <code>Themes</code> - <code>Enable sequence &amp; flow chart</code> 才会看到效果 ):</p> <pre><code class="language-sequence">张三-&gt;李四: 嘿,小四儿, 写博客了没? Note right of 李四: 李四愣了一下,说: 李四--&gt;张三: 忙得吐血,哪有时间写。</code></pre> <pre><code class="language-flow">st=&gt;start: 开始 e=&gt;end: 结束 op=&gt;operation: 我的操作 cond=&gt;condition: 确认? st-&gt;op-&gt;cond cond(yes)-&gt;e cond(no)-&gt;op</code></pre> <p>更多请参考:<a href="http://bramp.github.io/js-sequence-diagrams/">http://bramp.github.io/js-sequence-diagrams/</a>, <a href="http://adrai.github.io/flowchart.js/">http://adrai.github.io/flowchart.js/</a></p> <h2>表格</h2> <p>Markdown 语法:</p> <pre><code class="language-txt">第一格表头 | 第二格表头 --------- | ------------- 内容单元格 第一列第一格 | 内容单元格第二列第一格 内容单元格 第一列第二格 多加文字 | 内容单元格第二列第二格</code></pre> <p>效果如下:</p> <table> <thead> <tr> <th>第一格表头</th> <th>第二格表头</th> </tr> </thead> <tbody> <tr> <td>内容单元格 第一列第一格</td> <td>内容单元格第二列第一格</td> </tr> <tr> <td>内容单元格 第一列第二格 多加文字</td> <td>内容单元格第二列第二格</td> </tr> </tbody> </table> <h2>删除线</h2> <p>Markdown 语法:</p> <pre><code>加删除线像这样用: ~~删除这些~~</code></pre> <p>效果如下:</p> <p>加删除线像这样用: <del>删除这些</del></p> <h2>分隔线</h2> <p>以下三种方式都可以生成分隔线:</p> <pre><code>*** ***** - - -</code></pre> <p>效果如下:</p> <hr /> <hr /> <hr /> <h2>MathJax</h2> <p>Markdown 语法:</p> <pre><code>块级公式: $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$ \\[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\ldots} } } } \\] 行内公式: $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$</code></pre> <p>效果如下(<code>Preferences</code> - <code>Themes</code> - <code>Enable MathJax</code> 才会看到效果):</p> <p>块级公式: $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$</p> <p>\[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\ldots} } } } \]</p> <p>行内公式: $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$</p> <h2>脚注(Footnote)</h2> <p>Markdown 语法:</p> <pre><code>这是一个脚注:[^sample_footnote]</code></pre> <p>效果如下:</p> <p>这是一个脚注:<a href="这里是脚注信息">^sample_footnote</a></p> <h2>注释和阅读更多</h2> <!-- comment --> <!-- more --> <p>Actions-&gt;Insert Read More Comment <em>或者</em> <code>Command + .</code> <strong>注</strong> 阅读更多的功能只用在生成网站或博客时,插入时注意要后空一行。</p> <h2>TOC</h2> <p>Markdown 语法:</p> <pre><code>[TOC]</code></pre> <p>效果如下:</p> <p>[TOC]</p>

页面列表

ITEM_HTML