公共组件汇总

公共组件使用方法


markdown语法展示1

<h2>标题</h2> <p>Markdown 语法:</p> <pre><code># 第一级标题 `&lt;h1&gt;` ## 第二级标题 `&lt;h2&gt;` ###### 第六级标题 `&lt;h6&gt;` </code></pre> <p>效果如下:</p> <h1>第一级标题 <code>&lt;h1&gt;</code></h1> <h2>第二级标题 <code>&lt;h2&gt;</code></h2> <h6>第六级标题 <code>&lt;h6&gt;</code></h6> <h2>强调</h2> <p>Markdown 语法:</p> <pre><code>*这些文字会生成`&lt;em&gt;`* _这些文字会生成`&lt;u&gt;`_ **这些文字会生成`&lt;strong&gt;`** __这些文字会生成`&lt;strong&gt;`__</code></pre> <p>在 MWeb 中的快捷键为: <code>CMD + U</code>、<code>CMD + I</code>、<code>CMD + B</code> 效果如下:</p> <p><em>这些文字会生成<code>&lt;em&gt;</code></em> <em>这些文字会生成<code>&lt;u&gt;</code></em></p> <p><strong>这些文字会生成<code>&lt;strong&gt;</code></strong> <strong>这些文字会生成<code>&lt;strong&gt;</code></strong></p> <h2>换行</h2> <p>四个及以上空格加回车。 如果不想打这么多空格,只要回车就为换行,请勾选:<code>Preferences</code> - <code>Themes</code> - <code>Translate newlines to &lt;br&gt; tags</code></p> <h2>列表</h2> <h3>无序列表</h3> <p>Markdown 语法:</p> <pre><code>* 项目一 无序列表 `* + 空格键` * 项目二 * 项目二的子项目一 无序列表 `TAB + * + 空格键` * 项目二的子项目二</code></pre> <p>在 MWeb 中的快捷键为: <code>Option + U</code> 效果如下:</p> <ul> <li>项目一 无序列表 <code>* + 空格键</code></li> <li>项目二 <ul> <li>项目二的子项目一 无序列表 <code>TAB + * + 空格键</code></li> <li>项目二的子项目二</li> </ul></li> </ul> <h3>有序列表</h3> <p>Markdown 语法:</p> <pre><code>1. 项目一 有序列表 `数字 + . + 空格键` 2. 项目二 3. 项目三 1. 项目三的子项目一 有序列表 `TAB + 数字 + . + 空格键` 2. 项目三的子项目二</code></pre> <p>效果如下:</p> <ol> <li>项目一 有序列表 <code>数字 + . + 空格键</code></li> <li>项目二 </li> <li>项目三 <ol> <li>项目三的子项目一 有序列表 <code>TAB + 数字 + . + 空格键</code></li> <li>项目三的子项目二</li> </ol></li> </ol> <h3>列表中嵌入代码块语法</h3> <pre><code>1. 项目一 有序列表 `数字 + . + 空格键` 列表中嵌入代码块必须前后空一行,如这个写法 ```js function fancyAlert(arg) { if(arg) { $.facebox({div:'#foo'}) } } ``` 其他文本。 2. 项目二</code></pre> <h3>任务列表(Task lists)</h3> <p>Markdown 语法:</p> <pre><code>- [ ] 任务一 未做任务 `- + 空格 + [ ]` - [x] 任务二 已做任务 `- + 空格 + [x]`</code></pre> <p>效果如下:</p> <ul> <li>[ ] 任务一 未做任务 <code>- + 空格 + [ ]</code></li> <li>[x] 任务二 已做任务 <code>- + 空格 + [x]</code></li> </ul> <h2>图片</h2> <p>Markdown 语法:</p> <pre><code>![GitHub set up](http://zh.mweb.im/asset/img/set-up-git.gif) 格式: ![Alt Text](url)</code></pre> <p><code>Control + Shift + I</code> 可插入Markdown语法。 如果是 MWeb 的文档库中的文档,还可以用拖放图片、<code>CMD + V</code> 粘贴、<code>CMD + Option + I</code> 导入这三种方式来增加图片。 效果如下:</p> <p><img src="http://zh.mweb.im/asset/img/set-up-git.gif" alt="GitHub set up" /></p> <p>MWeb 引入的特别的语法来设置图片宽度,方法是在图片描述后加 <code>-w + 图片宽度</code> 即可,比如说要设置上面的图片的宽度为 140,语法如为 <code>![GitHub-w140](set-up-git.gif)</code>:</p> <p><img src="http://zh.mweb.im/asset/img/set-up-git.gif" alt="GitHub set up-w140" /></p> <h2>链接</h2> <p>Markdown 语法:</p> <pre><code>email &lt;example@example.com&gt; [GitHub](http://github.com) 自动生成连接 &lt;http://www.github.com/&gt;</code></pre> <p><code>Control + Shift + L</code> 可插入Markdown语法。 如果是 MWeb 的文档库中的文档,拖放或<code>CMD + Option + I</code> 导入非图片时,会生成连接。 效果如下:</p> <p>Email 连接: <a href="mailto:example@example.com">example@example.com</a> <a href="http://github.com">连接标题Github网站</a> 自动生成连接像: <a href="http://www.github.com/">http://www.github.com/</a> 这样</p> <h2>区块引用</h2> <p>Markdown 语法:</p> <pre><code>某某说: &gt; 第一行引用 &gt; 第二行费用文字</code></pre> <p><code>CMD + Shift + B</code> 可插入Markdown语法。 效果如下:</p> <p>某某说:</p> <blockquote> <p>第一行引用 第二行费用文字</p> </blockquote> <h2>行内代码</h2> <p>Markdown 语法:</p> <pre><code>像这样即可:`&lt;addr&gt;` `code`</code></pre> <p><code>CMD + K</code> 可插入Markdown语法。 效果如下:</p> <p>像这样即可:<code>&lt;addr&gt;</code> <code>code</code></p>

页面列表

ITEM_HTML