小书匠语法使用手册xxxxxxxxxxxxxxxxxxxxxxxxxxx-CSDN博客

<ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 25px;"> <li style="line-height: 20px; list-style: none;"><a href="#e8bf99e698af20h120e4b880e7baa7e6a087e9a298" style="color: #0088cc; text-decoration: none;">这是 H1 一级标题</a><ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px; list-style: none;"><a href="#e8bf99e698af20h220e4ba8ce7baa7e6a087e9a298" style="color: #0088cc; text-decoration: none;">这是 H2 二级标题</a><ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px; list-style: none;"><a href="#e8bf99e698af20h320e4b889e7baa7e6a087e9a298" style="color: #0088cc; text-decoration: none;">这是 H3 三级标题</a><ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px; list-style: none;"><a href="#e8bf99e698af20h420e59b9be7baa7e6a087e9a298" style="color: #0088cc; text-decoration: none;">这是 H4 四级标题</a><ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px; list-style: none;"><a href="#e8bf99e698af20h520e4ba94e7baa7e6a087e9a298" style="color: #0088cc; text-decoration: none;">这是 H5 五级标题</a><ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px; list-style: none;"><a href="#e8bf99e698af20h620e585ade7baa7e6a087e9a298" style="color: #0088cc; text-decoration: none;">这是 H6 六级标题</a></li> </ul> </li> </ul> </li> </ul> </li> <li style="line-height: 20px; list-style: none;"><a href="#e8a786e9a291" style="color: #0088cc; text-decoration: none;">视频</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e99fb3e9a291" style="color: #0088cc; text-decoration: none;">音频</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e99984e4bbb6" style="color: #0088cc; text-decoration: none;">附件</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e5be85e58a9ee4ba8be9a1b9" style="color: #0088cc; text-decoration: none;">待办事项</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e7bca9e58699e5ae9ae4b989" style="color: #0088cc; text-decoration: none;">缩写定义</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e58db0e588b7e5ad97e69bbfe68da2" style="color: #0088cc; text-decoration: none;">印刷字替换</a></li> <li style="line-height: 20px; list-style: none;"><a href="#htmle4bba3e7a081" style="color: #0088cc; text-decoration: none;">html代码</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e6b581e7a88be59bbe20e8afade6b395" style="color: #0088cc; text-decoration: none;">流程图 (语法)</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e5ba8fe58897e59bbe20e8afade6b395" style="color: #0088cc; text-decoration: none;">序列图 (语法)</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e8849ae6b3a85b15d" style="color: #0088cc; text-decoration: none;">脚注[1]</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e8a1a8e6a0bctables" style="color: #0088cc; text-decoration: none;">表格Tables</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e5ae9ae4b989" style="color: #0088cc; text-decoration: none;">定义</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e69687e5ad97e6a0bce5bc8f" style="color: #0088cc; text-decoration: none;">文字格式</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e697a0e5ba8fe58897e8a1a8" style="color: #0088cc; text-decoration: none;">无序列表</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e69c89e5ba8fe58897e8a1a8" style="color: #0088cc; text-decoration: none;">有序列表</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e69c89e5ba8fe58897e8a1a8e8b5b7e5a78be7bc96e58fb7" style="color: #0088cc; text-decoration: none;">有序列表起始编号</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e59bbee78987" style="color: #0088cc; text-decoration: none;">图片</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e5bc95e794a8" style="color: #0088cc; text-decoration: none;">引用</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e6b0b4e5b9b3e7babf" style="color: #0088cc; text-decoration: none;">水平线</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e4bba3e7a081" style="color: #0088cc; text-decoration: none;">代码</a><ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px; list-style: none;"><a href="#e8a18ce58685e4bba3e7a081" style="color: #0088cc; text-decoration: none;">行内代码</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e59d97e4bba3e7a081" style="color: #0088cc; text-decoration: none;">块代码</a></li> </ul> </li> <li style="line-height: 20px; list-style: none;"><a href="#e585ace5bc8f" style="color: #0088cc; text-decoration: none;">公式</a><ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px; list-style: none;"><a href="#e8a18ce58685e585ace5bc8f" style="color: #0088cc; text-decoration: none;">行内公式</a></li> <li style="line-height: 20px; list-style: none;"><a href="#e59d97e585ace5bc8f" style="color: #0088cc; text-decoration: none;">块公式</a></li> </ul> </li> <li style="line-height: 20px; list-style: none;"><a href="#e7bb9fe8aea1e59bbe" style="color: #0088cc; text-decoration: none;">统计图</a></li> </ul> </li> </ul> </li> </ul> </div> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><img src="http://static.oschina.net/uploads/img/201501/22221308_PCAf.jpg" name="jianzhu.jpg" alt="箭竹" style="height: auto; max-width: 100%; vertical-align: middle; border: 0;"></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><a href="http://www.github.com/suziwen/markdownxiaoshujiang" target="_blank" style="color: #0088cc; text-decoration: none;">http://www.github.com/suziwen/markdownxiaoshujiang</a><br> <a href="http://www.xiaoshujiang.com" target="_blank" style="color: #0088cc; text-decoration: none;">http://www.xiaoshujiang.com</a></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><strong style="font-weight: bold;">qq交流群： 310113380</strong></p> <h1 id="e8bf99e698af20h120e4b880e7baa7e6a087e9a298" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 38.5px;">这是 H1 一级标题</h1> <h2 id="e8bf99e698af20h220e4ba8ce7baa7e6a087e9a298" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 31.5px;">这是 H2 二级标题</h2> <h3 id="e8bf99e698af20h320e4b889e7baa7e6a087e9a298" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">这是 H3 三级标题</h3> <h4 id="e8bf99e698af20h420e59b9be7baa7e6a087e9a298" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; font-size: 17.5px;">这是 H4 四级标题</h4> <h5 id="e8bf99e698af20h520e4ba94e7baa7e6a087e9a298" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; font-size: 14px;">这是 H5 五级标题</h5> <h6 id="e8bf99e698af20h620e585ade7baa7e6a087e9a298" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; font-size: 11.9px;">这是 H6 六级标题</h6> <h3 id="e8a786e9a291" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">视频</h3> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><video src="http://markdown.xiaoshujiang.com/media/movie.ogg" controls>电影</video></p> <h3 id="e99fb3e9a291" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">音频</h3> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><audio src="http://markdown.xiaoshujiang.com/media/horse.ogg" controls>音乐</audio></p> <h3 id="e99984e4bbb6" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">附件</h3> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><a class="attachment" href="http://static.oschina.net/uploads/img/201501/22221340_yUeD.jpg" name="jianzhu.jpg" target="_blank" style="color: #0088cc; text-decoration: none; border: 1px solid #3b83c0; display: inline-block; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px;">附件</a></p> <h3 id="e5be85e58a9ee4ba8be9a1b9" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">待办事项</h3> <ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 25px;"> <li class="checklist_item" style="line-height: 20px; list-style: none;"><input type="checkbox" disabled> 未完成事项</li> <li class="checklist_item checked" style="line-height: 20px; list-style: none; text-decoration: line-through;"><input type="checkbox" disabled checked> 完成事项</li> </ul> <h3 id="e7bca9e58699e5ae9ae4b989" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">缩写定义</h3> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;">The <abbr title="Hyper Text Markup Language" style="cursor: help; border-bottom: 1px dotted #999999;">HTML</abbr> specification<br> is maintained by the <abbr title="World Wide Web Consortium" style="cursor: help; border-bottom: 1px dotted #999999;">W3C</abbr>.</p> <h3 id="e58db0e588b7e5ad97e69bbfe68da2" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">印刷字替换</h3> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;">© © ® ® ™ ™ § § ±</p> <h3 id="htmle4bba3e7a081" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">html代码</h3> <div>html代码</div> <h3 id="e6b581e7a88be59bbe20e8afade6b395" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">流程图 (<a href="http://adrai.github.io/flowchart.js/" target="_blank" style="color: #0088cc; text-decoration: none;">语法</a>)</h3> <div class="flow-chart"><img class="svg-image" src="http://static.oschina.net/uploads/img/201501/22221309_6fHW.png" name="0f5f189ea2390d84ecb6cc0dfd278278.png" style="height: auto; max-width: 100%; vertical-align: middle; border: 0;"></div> <h3 id="e5ba8fe58897e59bbe20e8afade6b395" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">序列图 (<a href="https://github.com/bramp/js-sequence-diagrams/blob/master/src/grammar.jison" target="_blank" style="color: #0088cc; text-decoration: none;">语法</a>)</h3> <div class="sequence-diagram"><img class="svg-image" src="http://static.oschina.net/uploads/img/201501/22221309_BUyG.png" name="0afd3486b72098225b5cf3e7d9fefe3c.png" style="height: auto; max-width: 100%; vertical-align: middle; border: 0;"></div> <h3 id="e8849ae6b3a85b15d" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">脚注<sup class="footnote-ref"><a href="#fn1" id="fnref1" style="color: #0088cc; text-decoration: none;">[1]</a></sup></h3> <h3 id="e8a1a8e6a0bctables" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">表格Tables</h3> <table class="table table-striped" style="max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px;"> <thead> <tr><th style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; line-height: 20px; text-align: left; vertical-align: bottom; border-top: 0; font-weight: bold;">First Header</th><th style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; line-height: 20px; text-align: left; vertical-align: bottom; border-top: 0; font-weight: bold;">Second Header</th></tr> </thead> <tbody> <tr><td style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; background-color: #f9f9f9;">Content Cell</td><td style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; background-color: #f9f9f9;">Content Cell</td></tr> <tr><td style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd;">Content Cell</td><td style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd;">Content Cell</td></tr> </tbody> </table> <h3 id="e5ae9ae4b989" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">定义</h3> <dl style="margin-bottom: 20px;"> <dt style="line-height: 20px; font-weight: bold;">苹果</dt> <dd style="line-height: 20px; margin-left: 10px;">一种水果 </dd> <dd style="line-height: 20px; margin-left: 10px;">一种品牌，计算机，手持设备 </dd> <dt style="line-height: 20px; font-weight: bold;">桔子</dt> <dd style="line-height: 20px; margin-left: 10px;">一种水果 </dd> </dl> <h3 id="e69687e5ad97e6a0bce5bc8f" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">文字格式</h3> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><strong style="font-weight: bold;">这是文字粗体格式</strong></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><strong style="font-weight: bold;">这是文字粗体格式</strong></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><em style="font-style: italic;">这是文字斜体格式</em></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><em style="font-style: italic;">这是文字斜体格式</em></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><del>在文字上添加删除线</del></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><ins>插入的文字</ins></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><span class="mark" style="background: yellow;">被记号的文字</span></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;">上角文字: 19<sup>th</sup></p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;">下角文字: H<sub>2</sub>O</p> <h3 id="e697a0e5ba8fe58897e8a1a8" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">无序列表</h3> <ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 25px;"> <li style="line-height: 20px;">项目1 <ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px;">子项目1.1</li> <li style="line-height: 20px;">子项目1.2 <ul style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px;">子项目1.2.1</li> </ul></li> </ul></li> <li style="line-height: 20px;">项目2</li> <li style="line-height: 20px;">项目3</li> </ul> <h3 id="e69c89e5ba8fe58897e8a1a8" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">有序列表</h3> <ol style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 25px;"> <li style="line-height: 20px;">项目1</li> <li style="line-height: 20px;">项目2</li> <li style="line-height: 20px;">项目3 <ol style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;"> <li style="line-height: 20px;">项目3.1</li> <li style="line-height: 20px;">项目3.2</li> </ol></li> </ol> <h3 id="e69c89e5ba8fe58897e8a1a8e8b5b7e5a78be7bc96e58fb7" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">有序列表起始编号</h3> <ol start="58" style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 25px;"> <li style="line-height: 20px;">项目5</li> <li style="line-height: 20px;">项目6</li> </ol> <h3 id="e59bbee78987" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">图片</h3> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><img src="http://xiaoshujiang.com/favicon.ico" alt="图片名称" style="height: auto; max-width: 100%; vertical-align: middle; border: 0;"><br> 链接</p> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><a href="http://xiaoshujiang.com" target="_blank" style="color: #0088cc; text-decoration: none;">链接名称</a></p> <h3 id="e5bc95e794a8" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">引用</h3> <blockquote style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 15px; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; border-left: 5px solid #dddddd;"> <p style="margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 16px; font-weight: 300; line-height: 25px;">第一行引用文字<br> 第二行引用文字</p> </blockquote> <h3 id="e6b0b4e5b9b3e7babf" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">水平线</h3> <hr style="margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff;"> <h3 id="e4bba3e7a081" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">代码</h3> <h4 id="e8a18ce58685e4bba3e7a081" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; font-size: 17.5px;">行内代码</h4> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><code>var x = "hello world"</code></p> <h4 id="e59d97e4bba3e7a081" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; font-size: 17.5px;">块代码</h4> <pre class="cs"><code class="language-javascript" style="display: block; padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; color: #333; background: #f8f8ff;"><span class="keyword" style="color: #333; font-weight: bold;">var</span> str = <span class="string" style="color: #d14;">'hello world'</span>; console.log(str); </code></pre> <h3 id="e585ace5bc8f" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">公式</h3> <h4 id="e8a18ce58685e585ace5bc8f" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; font-size: 17.5px;">行内公式</h4> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;">这是行内公式<span class="mathjax" style="display: inline-block; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;"><span class="MathJax_Preview"></span><span class="MathJax_SVG" id="MathJax-Element-1-Frame" role="textbox" aria-readonly="true" style="font-size: 100%; display: inline-block;"><img class="svg-image" src="http://static.oschina.net/uploads/img/201501/22221310_rQ3Q.png" name="ae986ede83e2088ac3037e1a4aeb36b4.png" style="height: auto; max-width: 100%; vertical-align: middle; border: 0;"></span></span></p> <h4 id="e59d97e585ace5bc8f" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; font-size: 17.5px;">块公式</h4> <div class="mathjax" style="text-align: center; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0;"><span class="MathJax_Preview"></span><span class="MathJax_SVG" id="MathJax-Element-2-Frame" role="textbox" aria-readonly="true" style="font-size: 100%; display: inline-block;"><img class="svg-image" src="http://static.oschina.net/uploads/img/201501/22221310_zufu.png" name="ae986ede83e2088ac3037e1a4aeb36b4.png" style="height: auto; max-width: 100%; vertical-align: middle; border: 0;"></span></div> <h3 id="e7bb9fe8aea1e59bbe" style="margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: inherit; font-weight: bold; line-height: 40px; color: inherit; text-rendering: optimizelegibility; font-size: 24.5px;">统计图</h3> <p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;"><a href="https://github.com/flot/flot/blob/master/API.md" target="_blank" style="color: #0088cc; text-decoration: none;">统计图语法</a><br> 数据格式为： {"data": [], "options":{}}<br> 系统使用<a href="http://api.jquery.com/jquery.parsejson/" target="_blank" style="color: #0088cc; text-decoration: none;">jquery.parseJSON()</a>函数进行解析，因此代码必须符合该函数的要求才能正常解析。</p> <div class="canvas-image plot-image"><img src="http://static.oschina.net/uploads/img/201501/22221313_Oy0m.png" name="30a5f811847cd1372b53a871f57cec2a.png" style="border: 0px none rgb(47 , 47 , 47); height: auto; max-width: 100%; vertical-align: middle;"></div> <hr class="footnotes-sep" style="margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff;"> <div class="footnotes"> <ol class="footnotes-list" style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 25px;"> <li id="fn1" class="footnote-item" style="line-height: 20px;"><p style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;">脚注的用法 <a href="#fnref1" class="footnote-backref" style="color: #0088cc; text-decoration: none;">↩</a></p> </li> </ol> </div> </div>

转载于:https://my.oschina.net/suziwen/blog/370822