免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 3015 | 回复: 0
打印 上一主题 下一主题

[学习分享] Markdown语法整理 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2017-07-29 21:08 |只看该作者 |倒序浏览
本帖最后由 guojianwei201 于 2017-07-29 21:10 编辑
  1. <h1 id="0">Markdown语法整理</h1>

  2. <ul>
  3. <li><a href="#0">目录</a><ul>
  4. <li><a href="#1">一.分级目录</a></li><li><a href="#2">二.斜体与粗体</a></li><li><a href="#3">三.超链接</a><ul>
  5. <li><a href="#4">3.1.行内式</a></li><li><a href="#5">3.2.参考式</a></li><li><a href="#6">3.3.自动连接</a></li></ul>
  6. </li><li><a href="#7">四.锚点</a><ul>
  7. <li><a href="#8">4.1.页内超链接</a></li><li><a href="#9">4.2.文章内部标题链接</a></li></ul>
  8. </li><li><a href="#10">五.列表</a><ul>
  9. <li><a href="#11">5.1.无需列表</a></li><li><a href="#12">5.2.有序列表</a></li><li><a href="#13">5.3.定义型列表</a></li><li><a href="#14">5.4.列表缩进</a></li><li><a href="#15">5.5.包含段落的列表</a></li><li><a href="#16">5.6.任务列表</a></li></ul>
  10. </li><li><a href="#17">六.表格</a><ul>
  11. <li><a href="#18">6.1.竖杠<code>|</code>下划线<code>-</code>写法</a></li><li><a href="#19">6.2.html写法</a></li></ul>
  12. </li><li><a href="#20">七.创建和突出显示代码块</a><ul>
  13. <li><a href="#21">7.1.栅栏代码块</a></li><li><a href="#22">7.2.语法高亮显示</a></li><li><a href="#23">7.3.引用代码</a></li><li><a href="#24">7.4.引用文字</a></li><li><a href="#25">7.5.删除线</a></li></ul>
  14. </li><li><a href="#26">使用LaTeX方法</a><blockquote>
  15. <p><strong>说明:本文中中语法里面的代码就是需要写的Markdown语法,展示效果就是最后生成的页面</strong><br><strong>此语法编写和测试环境:windows上使用MarkdownPad2的GitHub离线风格的Markdown语法,使用在线风格好像不支持文章内部链接跳转</strong></p>
  16. </blockquote>
  17. </li></ul>
  18. </li></ul>
  19. <h2 id="1">一.分级目录</h2>

  20. <h4 id="-">语法:</h4>
  21. <pre><code>* 总目录
  22.   * 一级目录
  23.     * 二级目录
  24.       * 三级目录
  25. </code></pre><p>说明:层级列表一般只支持三级列表,第一级实心圆点,第二级空心圆点,第三级以后都是实心方点。要实现层级列表,每下一级都要比上一级多输入2个空格或者一个Tab,而且第一级前面不要超过3个空格.</p>
  26. <h4 id="-">展示效果:</h4>
  27. <ul>
  28. <li>总目录<ul>
  29. <li>一级目录<ul>
  30. <li>二级目录<ul>
  31. <li>三级目录</li></ul>
  32. </li></ul>
  33. </li></ul>
  34. </li></ul>
  35. <h2 id="2">二.斜体与粗体</h2>

  36. <h4 id="-">语法:</h4>
  37. <pre><code>*斜体*
  38. **粗体**
  39. </code></pre><h4 id="-">展示效果:</h4>
  40. <p>  <em>斜体</em><br>  <strong>粗体</strong></p>
  41. <h2 id="3">三.超链接</h2>

  42. <h4 id="markdown-">Markdown支持两种形式的链接语法:行内式和参考式,行内式一般用的比较多。</h4>
  43. <h4 id="4">3.1.行内式:</h4>

  44. <h4 id="-">语法:</h4>
  45. <pre><code>    [打开百度](http://www.baidu.com)
  46.     [打开百度](http://www.baidu.com "打开百度")
  47. </code></pre><p>说明:[]里写链接文字,()里写链接地址, ()中的”“中可以为链接指定title属性,title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的 title文字。[链接文字](链接地址 “链接标题”)这样的形式。链接地址与链接标题前有一个空格。</p>
  48. <h4 id="-">展示效果:</h4>
  49. <p><a href="http://www.baidu.com">打开百度</a><br><a href="http://www.baidu.com" title="打开百度">打开百度</a></p>
  50. <h4 id="5">3.2.参考式:</h4>

  51. <p> 参考式超链接一般用在学术论文上面,或者另一种情况,如果某一个链接在文章中多处使用,那么使用引用 的方式创建链接将非常好,它可以让你对链接进行统一的管理。</p>
  52. <h4 id="-">语法:</h4>
  53. <pre><code>  我经常浏览的几个网站[Google][1]、[Baidu][2]、[51CTO][3]和看视频的网站[爱奇艺][4]感觉都是很不错的[网站][].
  54.   [1]:http://www.google.com "google"
  55.   [2]:http://www.baidu.com "Baidu"
  56.   [3]:http://www.51cto.com "51cto"
  57.   [4]:http://www.aiqiyi.com "aiqiyi"
  58.   [网站]:http://www.qq.com
  59. </code></pre><h4 id="-">展示效果:</h4>
  60. <p>  我经常浏览的几个网站<a href="http://www.google.com" title="google">Google</a>、<a href="http://www.baidu.com" title="Baidu">Baidu</a>、<a href="http://www.51cto.com" title="51cto">51CTO</a>和看视频的网站<a href="http://www.aiqiyi.com" title="aiqiyi">爱奇艺</a>感觉都是很不错的<a href="http://www.qq.com">网站</a>.</p>
  61. <h4 id="6">3.3.自动连接:</h4>

  62. <h4 id="-">语法:</h4>
  63. <pre><code>   <http://www.baidu.com/>
  64.    <admin@baidu.com>
  65. </code></pre><p>说明:Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来, Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样。</p>
  66. <h4 id="-">展示效果:</h4>
  67. <p>   <a href="http://www.baidu.com/">http://www.baidu.com/</a><br>   <a href="mailto:admin@baidu.com">admin@baidu.com</a></p>
  68. <h2 id="7">四.锚点</h2>


  69. <p>网页中,锚点其实就是页内超链接,也就是链接本文档内部的某些元素,实现当前页面中的跳转。比如我这里写下一个锚点,点击回到目录,就能跳转到目录。 在目录中点击这一节,就能跳过来。还有下一节的注脚。这些根本上都是用锚点来实现的。</p>
  70. <p>注意:Markdown Extra 只支持在标题后插入锚点,其它地方无效</p>
  71. <h4 id="8">4.1.页内超链接:</h4>

  72. <h4 id="-">语法:</h4>
  73. <pre><code># 1.分级目录{#index}
  74.   跳转到[标题]{#index}
  75. </code></pre><blockquote>
  76. <p>说明:在你准备跳转到的指定标题后插入锚点{#标记},然后在文档的其它地方写上连接到锚点的链接。此处使用的是GitHub风格的Markdown语法所以无法正常显示效果,推荐使用以下<a href="#9">4.2.文章内部标题链接</a>。</p>
  77. </blockquote>
  78. <h4 id="-">展示效果:</h4>
  79. <h1 id="1-index-">1.分级目录{#index}</h1>
  80. <p>  跳转到<a href="#index">1.分级目录</a></p>
  81. <blockquote>
  82. <p>说明:这里是在本文的分级目录设置的,不然效果不明显</p>
  83. </blockquote>
  84. <h4 id="9">4.2.文章内部标题链接:</h4>


  85. <h4 id="-">语法:</h4>
  86. <pre><code>* [目录1](#40)
  87.    * [标题1](#41)
  88.    * [标题2](#42)
  89.    * [标题3](#43)
  90.    * [标题4](#44)

  91. <h3 id="41">标题1</h3>
  92.     轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
  93. <h3 id="42">标题2</h3>
  94.     正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
  95. <h3 id="43">标题3</h3>
  96.     我轻轻的招手, 作别西天的云彩。
  97. <h3 id="44">标题4</h3>
  98.     作别西天的云彩。
  99. </code></pre><h4 id="-">展示效果:</h4>
  100. <ul>
  101. <li><a href="#40">目录1</a><ul>
  102. <li><a href="#41">标题1</a></li><li><a href="#42">标题2</a></li><li><a href="#43">标题3</a></li><li><a href="#44">标题4</a></li></ul>
  103. </li></ul>
  104. <p>   <h3 id="41">标题1</h3><br>       轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。<br>   <h3 id="42">标题2</h3><br>       正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。<br>   <h3 id="43">标题3</h3><br>       我轻轻的招手, 作别西天的云彩。<br>   <h3 id="44">标题4</h3><br>    作别西天的云彩。</p>
  105. <h2 id="10">五.列表</h2>

  106. <h4 id="11">5.1.无需列表:</h4>

  107. <blockquote>
  108. <p>使用 *,+,- 表示无序列表</p>
  109. </blockquote>
  110. <h4 id="-">语法:</h4>
  111. <pre><code>    - 无序列表一
  112.     + 无序列表二
  113.     * 无序列表三
  114. </code></pre><h4 id="-">展现效果:</h4>
  115. <ul>
  116. <li>无序列表一</li></ul>
  117. <ul>
  118. <li>无序列表二</li></ul>
  119. <ul>
  120. <li>无序列表三</li></ul>
  121. <h4 id="12">5.2.有序列表:</h4>

  122. <blockquote>
  123. <p>有序列表则使用数字接着一个英文句点</p>
  124. </blockquote>
  125. <h4 id="-">语法:</h4>
  126. <pre><code>    1.有序列表一
  127.     2.有序列表二
  128.     3.有序列表三
  129. </code></pre><h4 id="-">展现效果:</h4>
  130. <ol>
  131. <li>有序列表一</li><li>有序列表二</li><li>有序列表三</li></ol>
  132. <h4 id="13">5.3.定义型列表:</h4>

  133. <h4 id="-">语法:</h4>
  134. <pre><code>  名词1
  135.   :    定义 1(左侧有一个可见的冒号和四个不可见的空格)

  136.   代码块 2
  137.   :    这是代码块的定义(左侧有一个可见的冒号和四个不可见的空格)

  138.     代码块(左侧有八个不可见的空格)
  139. </code></pre><blockquote>
  140. <p>说明:<br>定义型列表由名词和解释组成。一行写上定义,紧跟一行写上解释。解释的写法:紧跟一个缩进(Tab)</p>
  141. </blockquote>
  142. <h4 id="-">展现效果:</h4>
  143. <p> 名词1<br> :    定义 1(左侧有一个可见的冒号和四个不可见的空格)</p>
  144. <p> 代码块 2<br> :    这是代码块的定义(左侧有一个可见的冒号和四个不可见的空格)</p>
  145. <pre><code>     代码块(左侧有八个不可见的空格)
  146. </code></pre><h4 id="14">5.4.列表缩进:</h4>

  147. <h4 id="-">语法:</h4>
  148. <pre><code>    *   轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
  149.     那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。
  150.     软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!
  151.     *   那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。
  152.     但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!
  153.     悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。
  154. </code></pre><blockquote>
  155. <p>说明:列表项目标记通常是放在最左边,但是其实也可以缩进,最多 3 个空格,项目标记后面则一定要接着至少一个空格或制表符。</p>
  156. </blockquote>
  157. <h4 id="-">效果:</h4>
  158. <ul>
  159. <li>轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。<br>那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。<br>软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!</li><li>那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。<br>但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!<br>悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。</li></ul>
  160. <h4 id="15">5.5.包含段落的列表:</h4>

  161. <h4 id="-">语法:</h4>
  162. <pre><code>  *   轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
  163.   那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。
  164.   软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!

  165.       那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。
  166.   寻梦?撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。
  167.   但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!
  168.   *    悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。
  169. </code></pre><blockquote>
  170. <p>说明:<br>列表项目可以包含多个段落,每个项目下的段落都必须缩进 4 个空格或是 1 个制表符(显示效果与代码一致):如果你每行都有缩进,看起来会看好很多,当然,再次地,如果你很懒惰,Markdown 也允许</p>
  171. </blockquote>
  172. <h4 id="-">效果:</h4>
  173. <ul>
  174. <li><p>轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。<br>那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。<br>软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!</p>
  175. <p>那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。<br>寻梦?撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。<br>但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!</p>
  176. </li><li>悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。</li></ul>
  177. <h4 id="16">5.6.任务列表:</h4>

  178. <blockquote>
  179. <p>要创建任务列表,前缀列表项<code>[ ]</code>。要将任务标记为完整,请使用<code>[x]</code></p>
  180. </blockquote>
  181. <h4 id="-">语法:</h4>
  182. <pre><code>  - [] 跑步
  183.   - [] 骑车
  184.   - [x] 吃饭
  185.   - [] 睡觉
  186. </code></pre><h4 id="-">展现效果:</h4>
  187. <ul>
  188. <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled> 跑步</li><li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled> 骑车</li><li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" checked disabled> 吃饭</li><li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled> 睡觉</li></ul>
  189. <h2 id="17">六.表格</h2>

  190. <h4 id="18">6.1.竖杠<code>|</code>下划线<code>-</code>写法:</h4>

  191. <blockquote>
  192. <p>使用竖杠<code>|</code>下划线<code>-</code>写法</p>
  193. </blockquote>
  194. <h4 id="-">语法:</h4>
  195. <pre><code>  |名字|性别|年龄|国籍|
  196.   |---|----|----|---|
  197.   |张三|男|23|中国|
  198.   |小红|女|18|中国|
  199.   |Tom|男|46|美国|
  200. </code></pre><h4 id="-">展现效果:</h4>
  201. <table>
  202. <thead>
  203. <tr>
  204. <th>名字</th>
  205. <th>性别</th>
  206. <th>年龄</th>
  207. <th>国籍</th>
  208. </tr>
  209. </thead>
  210. <tbody>
  211. <tr>
  212. <td>张三</td>
  213. <td>男</td>
  214. <td>23</td>
  215. <td>中国</td>
  216. </tr>
  217. <tr>
  218. <td>小红</td>
  219. <td>女</td>
  220. <td>18</td>
  221. <td>中国</td>
  222. </tr>
  223. <tr>
  224. <td>Tom</td>
  225. <td>男</td>
  226. <td>46</td>
  227. <td>美国</td>
  228. </tr>
  229. </tbody>
  230. </table>
  231. <h4 id="19">6.2.html写法:</h4>

  232. <blockquote>
  233. <p>使用<code><table></code> <code><tr></code> <code><td></code> <code></td></code> <code></tr></code> <code></table></code></p>
  234. </blockquote>
  235. <h4 id="-">语法:</h4>
  236. <pre><code> <table>
  237.        <tr>
  238.            <td>车次</td>
  239.            <td>开车时间</td>
  240.            <td>到达时间</td>
  241.         </tr>
  242.         <tr>
  243.             <td>D110</td>
  244.             <td>10:22</td>
  245.             <td>11:00</td>
  246.         </tr>
  247. </table>
  248. </code></pre><h4 id="-">展现效果:</h4>
  249. <table><br>      <tr><br>         <td>车次</td><br>         <td>开车时间</td><br>         <td>到达时间</td><br>       </tr><br>       <tr><br>           <td>D110</td><br>           <td>10:22</td><br>           <td>11:00</td><br>       </tr><br> </table>

  250. <blockquote>
  251. <p>这里是因为使用github离线风格导致空格,使用在线就没有了</p>
  252. </blockquote>
  253. <h2 id="20">七.创建和突出显示代码块</h2>

  254. <h4 id="21">7.1.栅栏代码块:</h4>

  255. <h4 id="-">语法:</h4>
  256. <pre><code> ```

  257.    function test() {
  258.      console.log(“在此函数之前注意空白行?");
  259.    }

  260. ```
  261. </code></pre><h4 id="-">展现效果:</h4>
  262. <pre><code>        function test() {
  263.           console.log("在此函数之前注意空白行?");
  264.         }
  265. </code></pre><h4 id="22">7.2.语法高亮显示:</h4>

  266. <blockquote>
  267. <p>高亮度需要使用github在线风格才能显示颜色</p>
  268. </blockquote>
  269. <h4 id="-">语法:</h4>
  270. <pre><code>```ruby
  271.    require 'redcarpet'
  272.    markdown = Redcarpet.new("Hello World!")
  273.    puts markdown.to_html
  274. ```
  275. </code></pre><h4 id="-">展现效果:</h4>
  276. <blockquote>
  277. <p>ruby语法:</p>
  278. </blockquote>
  279. <pre><code class="lang-ruby">          require 'redcarpet'
  280.           markdown = Redcarpet.new("Hello World!")
  281.           puts markdown.to_html
  282. </code></pre>
  283. <blockquote>
  284. <p>python语法:</p>
  285. </blockquote>
  286. <pre><code class="lang-python">   def foo():
  287.        if not bar:
  288.            return True
  289. </code></pre>
  290. <blockquote>
  291. <p><strong>本文使用的markdownPad2需要使用github在线markdown风格才会显示,其他不显示。</strong></p>
  292. </blockquote>
  293. <h4 id="23">7.3.引用代码:</h4>

  294. <blockquote>
  295. <p>您可以使用单个反引号来调用句子中的代码或命令。反引号内的文本将不被格式化。</p>
  296. </blockquote>
  297. <h4 id="-">语法:</h4>
  298. <pre><code> Use `git status` to list all new or modified files that haven't yet been committed.
  299. </code></pre><h4 id="-">展现效果:</h4>
  300. <p>   Use <code>git status</code> to list all new or modified files that haven't yet been committed.</p>
  301. <h4 id="24">7.4.引用文字:</h4>

  302. <blockquote>
  303. <p>你可以用引用文本<code>></code>.</p>
  304. </blockquote>
  305. <h4 id="-">语法:</h4>
  306. <pre><code>In the words of Abraham Lincoln:

  307. > Pardon my French
  308. </code></pre><h4 id="-">展现效果:</h4>
  309. <p>   In the words of Abraham Lincoln:</p>
  310. <blockquote>
  311. <p>Pardon my French</p>
  312. </blockquote>
  313. <h4 id="25">7.5.删除线:</h4>

  314. <h4 id="-">语法:</h4>
  315. <pre><code>~~This was mistaken text~~
  316. </code></pre><h4 id="-">展现效果:</h4>
  317. <p>   <del>This was mistaken text</del></p>
  318. <p><h2 id="26"> 使用LaTeX方法</h2></p>
  319. <h3 id="-latex-">使用LaTeX方法:</h3>
  320. <blockquote>
  321. <p>下面还有些没有显示出效果,先扔着把,毕竟才开始玩,先这样吧<br> MathJax是一款相当强悍的在网页显示数学公式的插件。本教程介绍MathJax如何使用LaTeX语法编写数学公式。</p>
  322. </blockquote>
  323. <h4 id="-">如何插入公式</h4>
  324. <p>L aTeX的数学公式有两种:行中公式和独立公式。行中公式放在文中与其它文字混编,独立公式单独成行。</p>
  325. <p> 行中公式可以用如下两种方法表示:</p>
  326. <pre><code class="lang-python"> \(数学公式\) 或 ¥数学公式¥(要把人民币符号换成美元符号)
  327. </code></pre>
  328. <p> 独立公式可以用如下两种方法表示:</p>
  329. <pre><code class="lang-python"> \[数学公式\] 或 ¥¥数学公式¥¥(要把人民币符号换成美元符号)
  330. </code></pre>
  331. <p> 例子:</p>
  332. <pre><code class="lang-python"> $ \[J\alpha(x) = \sum{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha}\] $
  333. </code></pre>
  334. <p> 显示:<br> $ \J<em>\alpha(x) = \sum</em>{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha}\ ] $</p>
  335. <h4 id="-">如何输入上下标</h4>
  336. <p> <code>^</code>表示上标,<code>_</code>表示下标。如果上下标的内容多于一个字符,要用<code>{}</code>把这些内容括起来当成一个整体。上下标是可以嵌套的,也可以同时使用。</p>
  337. <p> 例子:</p>
  338. <pre><code class="lang-python"> $ x^{y^z}=(1+{\rm e}^x)^{-2xy^w} $
  339. </code></pre>
  340. <p> 显示:<br> $ x^{y^z}=(1+{\rm e}^x)^{-2xy^w} $</p>
  341. <p> 另外,如果要在左右两边都有上下标,可以用<code>\sideset</code>命令。</p>
  342. <p> 例子:</p>
  343. <pre><code class="lang-python"> \sideset{^12}{^34}\bigotimes
  344. </code></pre>
  345. <p> 显示:<br> $ \sideset{^1<em>2}{^3</em>4}\bigotimes $</p>
  346. <h4 id="-">如何输入括号和分隔符</h4>
  347. <p> <code>()</code>、<code>[]</code>和<code>|</code>表示自己,<code>{}</code>表示<code>{}</code>。当要显示大号的括号或分隔符时,要用<code>\left</code>和<code>\right</code>命令。</p>
  348. <p> 例子:</p>
  349. <pre><code class="lang-python"> $ f(x,y,z) = 3y^2z \left( 3+\frac{7x+5}{1+y^2} \right) $
  350. </code></pre>
  351. <p> 显示:<br> $ f(x,y,z) = 3y^2z \left( 3+\frac{7x+5}{1+y^2} \right) $</p>
  352. <p> 有时候要用<code>\left.</code>或<code>\right.</code>进行匹配而不显示本身。</p>
  353. <p> 例子:</p>
  354. <pre><code class="lang-python"> $ \left. \frac{{\rm d}u}{{\rm d}x} \right| _{x=0} $
  355. </code></pre>
  356. <p> 显示:<br> $ \left. \frac{{\rm d}u}{{\rm d}x} \right| _{x=0} $</p>
  357. <h4 id="-">如何输入分数</h4>
  358. <p> 例子:</p>
  359. <pre><code class="lang-python"> $ \frac{1}{3} 或 1 \over 3 $
  360. </code></pre>
  361. <p> 显示:<br> $ \frac{1}{3}  或  1 \over 3 $</p>
  362. <h4 id="-">如何输入开方</h4>
  363. <p> 语法:</p>
  364. <pre><code class="lang-python"> $ \sqrt{2} 和 \sqrt[n]{3} $
  365. </code></pre>
  366. <p> 显示:<br> $ \sqrt{2}  和  \sqrt[n]{3} $</p>
  367. <h4 id="-">如何输入省略号</h4>
  368. <p> 数学公式中常见的省略号有两种,<code>\ldots</code>表示与文本底线对齐的省略号,<code>\cdots</code>表示与文本中线对齐的省略号。</p>
  369. <p> 语法:</p>
  370. <pre><code class="lang-python"> f(x1,x2,\ldots,xn) = x1^2 + x2^2 + \cdots + xn^2
  371. </code></pre>
  372. <p> 显示:<br> $  f(x<em>1,x</em>2,\ldots,x<em>n) = x</em>1^2 + x<em>2^2 + \cdots + x</em>n^2 $</p>
  373. <h4 id="-">如何输入矢量</h4>
  374. <p> 语法:</p>
  375. <pre><code class="lang-python"> \vec{a} \cdot \vec{b}=0
  376. </code></pre>
  377. <p> 显示:<br> $ \vec{a} \cdot \vec{b}=0 $</p>
  378. <h4 id="-">如何输入积分</h4>
  379. <p> 语法:</p>
  380. <pre><code class="lang-python"> \int_0^1 x^2 {\rm d}x
  381. </code></pre>
  382. <p> 显示:<br> $ \int_0^1 x^2 {\rm d}x $</p>
  383. <h4 id="-">如何输入极限运算</h4>
  384. <p> 语法:</p>
  385. <pre><code class="lang-python"> \lim_{n \rightarrow +\infty} \frac{1}{n(n+1)}
  386. </code></pre>
  387. <p> 显示:<br> $ \lim_{n \rightarrow +\infty} \frac{1}{n(n+1)} $</p>
  388. <h4 id="-">如何输入累加、累乘运算</h4>
  389. <p> 语法:</p>
  390. <pre><code class="lang-python"> \sum{i=0}^n \frac{1}{i^2} 和 \prod{i=0}^n \frac{1}{i^2}
  391. </code></pre>
  392. <p> 显示:<br> $ \sum<em>{i=0}^n \frac{1}{i^2}  和  \prod</em>{i=0}^n \frac{1}{i^2} [        DISCUZ_CODE_0        ]lt;/p>
  393. <h4 id="-">如何进行公式应用</h4>
  394. <p> 先要在[mathjax]后添加:</p>
  395. <pre><code class="lang-python">  <script type="text/javascript"  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
  396. </script>

  397. <script type="text/x-mathjax-config"> MathJax.Hub.Config({ TeX: {equationNumbers: { autoNumber: ["AMS"], useLabelIds: true}}, "HTML-CSS": {linebreaks: {automatic: true}}, SVG: {linebreaks: {automatic: true}} }); </script>
  398. </code></pre>
  399. <blockquote>
  400. <p>只要按照这个添加代码就能实现本页的效果,包的下载自己找吧,就这样,想在线就得这样</p>
  401. </blockquote>
  402. <p> 语法:</p>
  403. <pre><code class="lang-python"> \begin{equation}\label{equation1}r = rF+ \beta(rM – r_F) + \epsilon\end{equation}
  404. </code></pre>
  405. <p> 显示:<br>  \begin{equation}\label{equation1}r = rF+ \beta(rM – r_F) + \epsilon\end{equation}</p>
  406. <blockquote>
  407. <p>引用:请见公式( \ref{equation1} )</p>
  408. </blockquote>
  409. <h4 id="-">如何输入希腊字母</h4>
  410. <blockquote>
  411. <p>哎,这里的空白这蛋疼,目前还没有最终得解决发子</p>
  412. </blockquote>
  413. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \alpha $</code></td>  <td>$ \alpha $</td></tr><br><tr><td><code>$ \beta $</code></td>  <td>$ \beta $ </td></tr><br><tr><td><code>$\gamma $</code></td>  <td>$\gamma $ </td></tr><br><tr><td><code>$ \Gamma $</code></td>  <td>$ \Gamma $</td></tr><br><tr><td><code>$ \delta $</code></td>  <td>$ \delta $</td></tr><br><tr><td><code>$ \Delta $</code></td>  <td>$ \Delta $</td></tr><br><tr><td><code>$ \epsilon $</code></td><td>$ \epsilon $</td></tr><br><tr><td><code>$ \varepsilon $</code></td>  <td>$ \varepsilon $</td></tr><br><tr><td><code>$ \zeta $</code></td>      <td>$ \zeta $ </td></tr><br><tr><td><code>$ \eta $</code></td>      <td>$ \eta $  </td></tr><br><tr><td><code>$ \theta $</code></td>      <td>$ \theta $</td></tr><br><tr><td><code>$ \Theta $</code></td>      <td>$ \Theta $</td></tr><br><tr><td><code>$ \vartheta $</code></td>   <td>$ \vartheta $</td></tr><br><tr><td><code>$ \iota $</code></td>      <td>$ \iota $  </td></tr><br><tr><td><code>$ \kappa $</code></td>      <td>$ \kappa $ </td></tr><br><tr><td><code>$ \lambda$</code></td>      <td>$ \lambda$ </td></tr><br><tr><td><code>$ \Lambda $</code></td>    <td>$ \Lambda $</td></tr><br><tr><td><code>$ \mu $</code></td>      <td>$ \mu $</td></tr><br><tr><td><code>$ \nu $</code></td>      <td>$ \nu $</td></tr><br><tr><td><code>$ \Xi $</code></td>      <td>$ \Xi $</td></tr><br><tr><td><code>$ \pi $</code></td>      <td>$ \pi $</td></tr><br><tr><td><code>$ \Pi $</code></td>      <td>$ \Pi $</td></tr><br><tr><td><code>$ \varpi $</code></td>   <td>$ \varpi $</td></tr><br><tr><td><code>$ \rho $</code></td>   <td>$ \rho $  </td></tr><br><tr><td><code>$\varrho $</code></td>   <td>$\varrho $</td></tr><br><tr><td><code>$ \sigma $</code></td>   <td>$ \sigma $</td></tr><br><tr><td><code>$ \Sigma $</code></td>   <td>$ \Sigma $</td></tr><br><tr><td><code>$ \varsigma $</code></td>     <td>$ \varsigma $</td></tr><br><tr><td><code>$ \tau $</code></td>      <td>$ \tau $</td></tr><br><tr><td><code>$ \upsilon $</code></td>      <td>$ \upsilon $</td></tr><br><tr><td><code>$ \Upsilon $</code></td>      <td>$ \Upsilon $</td></tr><br><tr><td><code>$ \xi $</code></td>      <td>$ \xi $ </td></tr><br><tr><td><code>$ \Phi $</code></td>      <td>$ \Phi $</td></tr><br><tr><td><code>$ \varphi $</code></td>   <td>$ \varphi $</td></tr><br><tr><td><code>$ \chi $</code></td>      <td>$ \chi $</td></tr><br><tr><td><code>$ \psi $</code></td>      <td>$ \psi $</td></tr><br><tr><td><code>$ \Psi $</code></td>      <td>$ \Psi $</td></tr><br><tr><td><code>$ \omega $</code></td>    <td>$ \omega $ </td></tr><br><tr><td><code>$ \Omega $</code></td>    <td>$ \Omega $ </td></tr><br></table>

  414. <h4 id="-">如何输入其它特殊字符</h4>
  415. <p>关系运算符:                                             </p>
  416. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \pm $</code></td>          <td>$ \pm $</td></tr><br><tr><td><code>$ \times $</code></td>       <td>$ \times $</td></tr><br><tr><td><code>$ \div $</code></td>         <td>$ \div $  </td></tr><br><tr><td><code>$ \mid $</code></td>         <td>$ \mid $  </td></tr><br><tr><td><code>$ \nmid $</code></td>        <td>$ \nmid $ </td></tr><br><tr><td><code>$ \cdot $</code></td>        <td>$ \cdot $ </td></tr><br><tr><td><code>$ \circ $</code></td>        <td>$ \circ $ </td></tr><br><tr><td><code>$ \ast $</code></td>         <td>$ \ast $  </td></tr><br><tr><td><code>$ \bigodot $</code></td>     <td>$ \bigodot $ </td></tr><br><tr><td><code>$ \bigotimes $</code></td>   <td>$ \bigotimes$</td></tr><br><tr><td><code>$ \bigoplus $</code></td>    <td>$ \bigoplus $</td></tr><br><tr><td><code>$ \leq $</code></td>         <td>$ \leq $</td></tr><br><tr><td><code>$ \geq $</code></td>         <td>$ \geq $</td></tr><br><tr><td><code>$ \neq $</code></td>         <td>$ \neq $</td></tr><br><tr><td><code>$ \approx $</code></td>      <td>$ \approx $</td></tr><br><tr><td><code>$ \equiv $</code></td>       <td>$ \equiv $</td></tr><br><tr><td><code>$ \sum $</code></td>         <td>$ \sum $  </td></tr><br><tr><td><code>$ \prod $</code></td>        <td>$ \prod $ </td></tr><br><tr><td><code>$ \coprod $</code></td>      <td>$ \coprod $  </td></tr><br></table>

  417. <h4 id="-">集合运算符:</h4>
  418. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \emptyset $</code></td> <td>$ \emptyset $</td></tr><br><tr><td><code>$ \in       $</code></td> <td>$ \in       $</td></tr><br><tr><td><code>$ \notin    $</code></td> <td>$ \notin    $</td></tr><br><tr><td><code>$ \subset   $</code></td> <td>$ \subset   $</td></tr><br><tr><td><code>$ \supset   $</code></td> <td>$ \supset   $</td></tr><br><tr><td><code>$ \subseteq $</code></td> <td>$ \subseteq $</td></tr><br><tr><td><code>$ \supseteq $</code></td> <td>$ \supseteq $</td></tr><br><tr><td><code>$ \bigcap   $</code></td> <td>$ \bigcap   $</td></tr><br><tr><td><code>$ \bigcup   $</code></td> <td>$ \bigcup   $</td></tr><br><tr><td><code>$ \bigvee   $</code></td> <td>$ \bigvee   $</td></tr><br><tr><td><code>$ \bigwedge $</code></td> <td>$ \bigwedge $</td></tr><br><tr><td><code>$ \biguplus $</code></td> <td>$ \biguplus $</td></tr><br><tr><td><code>$ \bigsqcup $</code></td> <td>$ \bigsqcup $</td></tr><br></table>

  419. <h4 id="-">对数运算符:</h4>
  420. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \log $</code> <td>$ \log $</td></tr><br><tr><td><code>$ \lg  $</code> <td>$ \lg  $</td></tr><br><tr><td><code>$ \ln  $</code> <td>$ \ln  $</td></tr><br></table>

  421. <h4 id="-">三角运算符:</h4>
  422. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \bot $</code></td>     <td>$ \bot $</td</tr><br><tr><td><code>$ \angle $</code></td>   <td>$ \angle $</td></tr><br><tr><td><code>$ 30^\circ $</code></td> <td>$ 30^\circ $</td></tr><br><tr><td><code>$ \sin $</code></td> <td>$ \sin $</td></tr><br><tr><td><code>$ \cos $</code></td> <td>$ \cos $</td></tr><br><tr><td><code>$ \tan $</code></td> <td>$ \tan $</td></tr><br><tr><td><code>$ \cot $</code></td> <td>$ \cot $</td></tr><br><tr><td><code>$ \sec $</code></td> <td>$ \sec $</td></tr><br><tr><td><code>$ \csc $</code></td> <td>$ \csc $</td></tr><br></table>

  423. <h4 id="-">微积分运算符:</h4>
  424. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \prime  $</code></td> <td>$ \prime  $</td></tr><br><tr><td><code>$ \int    $</code></td> <td>$ \int    $</td></tr><br><tr><td><code>$ \iint   $</code></td> <td>$ \iint   $</td></tr><br><tr><td><code>$ \iiint  $</code></td> <td>$ \iiint  $</td></tr><br><tr><td><code>$ \iiiint $</code></td> <td>$ \iiiint $</td></tr><br><tr><td><code>$ \oint   $</code></td> <td>$ \oint   $</td></tr><br><tr><td><code>$ \lim    $</code></td> <td>$ \lim    $</td></tr><br><tr><td><code>$ \infty  $</code></td> <td>$ \infty  $</td></tr><br><tr><td><code>$ \nabla  $</code></td> <td>$ \nabla  $</td></tr><br></table>

  425. <h4 id="-">逻辑运算符:</h4>
  426. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \because  $</code></td>   <td>$ \because     $</td></tr><br><tr><td><code>$ \therefore $</code></td>  <td>$ \therefore   $</td></tr><br><tr><td><code>$ \forall   $</code></td>   <td>$ \forall      $</td></tr><br><tr><td><code>$ \exists   $</code></td>   <td>$ \exists      $</td></tr><br><tr><td><code>$ \not=     $</code></td>   <td>$ \not=        $</td></tr><br><tr><td><code>$ \not>     $</code></td>   <td>$ \not>        $</td></tr><br><tr><td><code>$ \not\subset $</code></td> <td>$ \not\subset  $</td></tr><br></table>

  427. <h4 id="-">戴帽符号:</h4>
  428. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \hat{y}    $</code></td>   <td>$ \hat{y}     $</td></tr><br><tr><td><code>$ \check{y}  $</code></td>   <td>$ \check{y}   $</td></tr><br><tr><td><code>$ \breve{y}  $</code></td>   <td>$ \breve{y}   $</td></tr><br></table>

  429. <h4 id="-">连线符号:</h4>
  430. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \overline{a+b+c+d}  $</code></td>   <td>$ \overline{a+b+c+d}     $</td></tr><br><tr><td><code>$ \underline{a+b+c+d} $</code></td>   <td>$ \underline{a+b+c+d}    $</td></tr><br><tr><td><code>$ \overbrace{a+\underbrace{b+c}<em>{1.0}+d}^{2.0}  $</code></td>  <td>$ \overbrace{a+\underbrace{b+c}{1.0}+d}^{2.0}    $</td></tr><br></table>

  431. <h4 id="-">箭头符号:</h4>
  432. <blockquote>
  433. <p>哎,这里的空白这蛋疼,目前还没有最终得解决发子</p>
  434. </blockquote>
  435. <table><br><tr><td>语法</td><td>显示效果</td></tr><br><tr><td><code>$ \uparrow        $</code></td>   <td>$ \uparrow     $</td></tr><br><tr><td><code>$ \downarrow      $</code></td>   <td>$ \downarrow   $</td></tr><br><tr><td><code>$ \Uparrow        $</code></td>   <td>$ \Uparrow     $</td></tr><br><tr><td><code>$ \Downarrow      $</code></td>   <td>$ \Downarrow   $</td></tr><br><tr><td><code>$ \rightarrow     $</code></td>   <td>$ \rightarrow  $</td></tr><br><tr><td><code>$ \leftarrow      $</code></td>   <td>$ \leftarrow   $</td></tr><br><tr><td><code>$ \Rightarrow     $</code></td>   <td>$ \Rightarrow  $</td></tr><br><tr><td><code>$ \Leftarrow      $</code></td>   <td>$ \Leftarrow   $</td></tr><br><tr><td><code>$ \longrightarrow $</code></td>   <td>$ \longrightarrow  $</td></tr><br><tr><td><code>$ \longleftarrow  $</code></td>   <td>$ \longleftarrow   $</td></tr><br><tr><td><code>$ \Longrightarrow $</code></td>   <td>$ \Longrightarrow  $</td></tr><br><tr><td><code>$ \Longleftarrow  $</code></td>   <td>$ \Longleftarrow   $</td></tr><br></table>

  436. <h4 id="-">要输出字符</h4>
  437. <blockquote>
  438. <p>哎,这里的空白这蛋疼,目前还没有最终得解决发子</p>
  439. </blockquote>
  440. <p><table></p>
  441. <p><tr><td>语法</td><td>显示效果</td></tr></p>
  442. <p><tr><td><code>\空格</code></td> <td>a\ b</td></tr> </p>
  443. <p><tr><td><code>\#</code></td> <td>#</td></tr> </p>
  444. <p><tr><td><code>\[        DISCUZ_CODE_0        ]lt;/code></td> <td>[        DISCUZ_CODE_0        ]lt;/td></tr> </p>
  445. <p><tr><td><code>\%</code></td> <td>%</td></tr> </p>
  446. <p><tr><td><code>\&</code></td> <td>&</td></tr> </p>
  447. <p><tr><td><code>_</code></td>  <td>_</td</tr></p>
  448. <p><tr><td><code>{ }</code></td> <td>{ }</td</tr><br></table></p>
  449. <blockquote>
  450. <p>这里的空格没有搞定,显示没有按预期的效果来,<code>#</code>下面的,在MarkdownPad2中默认是不需要转换,所以加<code>\</code>没效果</p>
  451. </blockquote>
  452. <h4 id="-">如何进行字体转换</h4>
  453. <p>要对公式的某一部分字符进行字体转换,可以用<code>$ {\rm 需转换的部分字符 } $</code>命令,其中<code>\rm</code>可以参照下表选择合适的字体。<br>一般情况下,公式默认为意大利体。</p>
  454. <p><table></p>
  455. <p><tr><td>语法</td><td>字体名称</td><td>显示效果</td></tr> </p>
  456. <p><tr><td><code>$ {\rm 需转换的部分字符} $</code></td> <td>罗马体</td>     <td>$ {\rm ABCD} $</td></tr>   </p>
  457. <p><tr><td><code>$ {\it 需转换的部分字符} $</code></td> <td>意大利体</td>   <td>$ {\it ABCD} $ </td></tr></p>
  458. <p><tr><td><code>$ {\Bbbr 需转换的部分字符} $</code></td> <td>黑板粗体字</td> <td>$ {\Bbb ABCD} $ </td></tr></p>
  459. <p><tr><td><code>$ {\bf 需转换的部分字符} $</code></td> <td>黑体</td>      <td>$ {\bf ABCD} $ </td></tr>   </p>
  460. <p><tr><td><code>$ {\cal 需转换的部分字符} $</code></td> <td>花体</td>      <td>$ {\cal ABCD} $ </td></tr></p>
  461. <p><tr><td><code>$ {\sl 需转换的部分字符} $</code></td> <td>倾斜体</td>    <td>$ {\sl ABCD} $ </td></tr>   </p>
  462. <p><tr><td><code>$ {\sf 需转换的部分字符} $</code></td> <td>等线体</td>    <td>$ {\sf ABCD} $ </td></tr></p>
  463. <p><tr><td><code>$ {\mit 需转换的部分字符} $</code></td> <td>数学斜体</td>   <td>$ {\mit ABCD} $ </td></tr>   </p>
  464. <p><tr><td><code>$ {\tt 需转换的部分字符} $</code></td> <td>打字机字体</td> <td>$ {\tt ABCD} $ </td></tr></p>
  465. <p><tr><td><code>$ {\scr 需转换的部分字符} $</code></td> <td>小体大写字母</td> <td>$ {\scr ABCD} $ </td></tr></p>
  466. <p><tr><td><code>$ {\frakr 需转换的部分字符} $</code></td> <td>Fraktur字母(一种德国字体)</td> <td>$ {\frak ABCD} $    </td></tr><br></table></p>
  467. <blockquote>
  468. <p>先到这里把,这个字体转换还没有彻底的明白,其中有几个还没有成功,对于MarkdownPad2支持Latex确实有点蛋疼,实时预览看不到,需要F6 html预览才行,另外还得额外加载相关js代码</p>
  469. <p>跳转至<a href="#0">首页</a></p>
  470. </blockquote>
复制代码

您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP