美文网首页
Markdown语法整理

Markdown语法整理

作者: 莫名其妙的一生 | 来源:发表于2017-07-15 22:18 被阅读0次

留下参考吧,这个是使用windows下的MarkdownPad2,github离线风格写的,放在这里这个文章内部链接跳转手失败,真麻烦
现在这个markdown的语法五花八门的,用着真蛋疼,本来很简单的语法非要搞得这么蛋疼,如果windows下使用MarkdownPad的朋友的可以看下,其他的随意把,兵在精而不再多,完好一种就行了,这样办起事来利索,至于其他的有时间、有兴趣了就折腾下吧。
<h1 id="0">Markdown语法整理</h1>

说明:本文中中语法里面的代码就是需要写的Markdown语法,展示效果就是最后生成的页面
此语法编写和测试环境:windows上使用MarkdownPad2的GitHub离线风格的Markdown语法,使用在线风格好像不支持文章内部链接跳转

<h2 id="1">一.分级目录</h2>

语法:

* 总目录
  * 一级目录
    * 二级目录
      * 三级目录

说明:层级列表一般只支持三级列表,第一级实心圆点,第二级空心圆点,第三级以后都是实心方点。要实现层级列表,每下一级都要比上一级多输入2个空格或者一个Tab,而且第一级前面不要超过3个空格.

展示效果:

  • 总目录
    • 一级目录
      • 二级目录
        • 三级目录

<h2 id="2">二.斜体与粗体</h2>

语法:

*斜体*
**粗体**

展示效果:

斜体
粗体

<h2 id="3">三.超链接</h2>

Markdown支持两种形式的链接语法:行内式和参考式,行内式一般用的比较多。

<h4 id="4">3.1.行内式:</h4>

语法:

    [打开百度](http://www.baidu.com)
    [打开百度](http://www.baidu.com "打开百度")

说明:[]里写链接文字,()里写链接地址, ()中的”“中可以为链接指定title属性,title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的 title文字。[链接文字](链接地址 “链接标题”)这样的形式。链接地址与链接标题前有一个空格。

展示效果:

打开百度
打开百度

<h4 id="5">3.2.参考式:</h4>

参考式超链接一般用在学术论文上面,或者另一种情况,如果某一个链接在文章中多处使用,那么使用引用 的方式创建链接将非常好,它可以让你对链接进行统一的管理。

语法:

  我经常浏览的几个网站[Google][1]、[Baidu][2]、[51CTO][3]和看视频的网站[爱奇艺][4]感觉都是很不错的[网站][].
  [1]:http://www.google.com "google"
  [2]:http://www.baidu.com "Baidu"
  [3]:http://www.51cto.com "51cto"
  [4]:http://www.aiqiyi.com "aiqiyi"
  [网站]:http://www.qq.com

展示效果:

我经常浏览的几个网站GoogleBaidu51CTO和看视频的网站爱奇艺感觉都是很不错的网站.

<h4 id="6">3.3.自动连接:</h4>

语法:

   <http://www.baidu.com/>
   <admin@baidu.com>

说明:Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来, Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样。

展示效果:

http://www.baidu.com/
admin@baidu.com

<h2 id="7">四.锚点</h2>

网页中,锚点其实就是页内超链接,也就是链接本文档内部的某些元素,实现当前页面中的跳转。比如我这里写下一个锚点,点击回到目录,就能跳转到目录。 在目录中点击这一节,就能跳过来。还有下一节的注脚。这些根本上都是用锚点来实现的。

注意:Markdown Extra 只支持在标题后插入锚点,其它地方无效

<h4 id="8">4.1.页内超链接:</h4>

语法:

# 1.分级目录{#index}
  跳转到[标题]{#index}

说明:在你准备跳转到的指定标题后插入锚点{#标记},然后在文档的其它地方写上连接到锚点的链接。此处使用的是GitHub风格的Markdown语法所以无法正常显示效果,推荐使用以下4.2.文章内部标题链接

展示效果:

1.分级目录{#index}

跳转到1.分级目录

说明:这里是在本文的分级目录设置的,不然效果不明显

<h4 id="9">4.2.文章内部标题链接:</h4>

语法:

* [目录1](#40)
   * [标题1](#41)
   * [标题2](#42)
   * [标题3](#43)
   * [标题4](#44)
  
<h3 id="41">标题1</h3>
    轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
<h3 id="42">标题2</h3>
    正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
<h3 id="43">标题3</h3>
    我轻轻的招手, 作别西天的云彩。
<h3 id="44">标题4</h3>
    作别西天的云彩。

展示效果:

<h3 id="41">标题1</h3>
轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
<h3 id="42">标题2</h3>
正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
<h3 id="43">标题3</h3>
我轻轻的招手, 作别西天的云彩。
<h3 id="44">标题4</h3>
作别西天的云彩。

<h2 id="10">五.列表</h2>

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

使用 *,+,- 表示无序列表

语法:

    - 无序列表一
    + 无序列表二
    * 无序列表三

展现效果:

  • 无序列表一
  • 无序列表二
  • 无序列表三

<h4 id="12">5.2.有序列表:</h4>

有序列表则使用数字接着一个英文句点

语法:

    1.有序列表一
    2.有序列表二
    3.有序列表三

展现效果:

  1. 有序列表一
  2. 有序列表二
  3. 有序列表三

<h4 id="13">5.3.定义型列表:</h4>

语法:

  名词1
  :    定义 1(左侧有一个可见的冒号和四个不可见的空格)

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

    代码块(左侧有八个不可见的空格)

说明:
定义型列表由名词和解释组成。一行写上定义,紧跟一行写上解释。解释的写法:紧跟一个缩进(Tab)

展现效果:

名词1
: 定义 1(左侧有一个可见的冒号和四个不可见的空格)

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

     代码块(左侧有八个不可见的空格)

<h4 id="14">5.4.列表缩进:</h4>

语法:

    *   轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
    那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。
    软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!
    *   那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。
    但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!
    悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。

说明:列表项目标记通常是放在最左边,但是其实也可以缩进,最多 3 个空格,项目标记后面则一定要接着至少一个空格或制表符。

效果:

  • 轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
    那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。
    软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!
  • 那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。
    但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!
    悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。

<h4 id="15">5.5.包含段落的列表:</h4>

语法:

  *   轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
  那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。
  软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!

      那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。
  寻梦?撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。
  但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!
  *    悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。

说明:
列表项目可以包含多个段落,每个项目下的段落都必须缩进 4 个空格或是 1 个制表符(显示效果与代码一致):如果你每行都有缩进,看起来会看好很多,当然,再次地,如果你很懒惰,Markdown 也允许

效果:

  • 轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
    那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。
    软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!

    那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。
    寻梦?撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。
    但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!

  • 悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。

<h4 id="16">5.6.任务列表:</h4>

要创建任务列表,前缀列表项[ ]。要将任务标记为完整,请使用[x]

语法:

  - [] 跑步
  - [] 骑车
  - [x] 吃饭
  - [] 睡觉

展现效果:

  • [ ] 跑步
  • [ ] 骑车
  • [x] 吃饭
  • [ ] 睡觉

<h2 id="17">六.表格</h2>

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

使用竖杠|下划线-写法

语法:

  |名字|性别|年龄|国籍|
  |---|----|----|---|
  |张三|男|23|中国|
  |小红|女|18|中国|
  |Tom|男|46|美国|

展现效果:

名字 性别 年龄 国籍
张三 23 中国
小红 18 中国
Tom 46 美国

<h4 id="19">6.2.html写法:</h4>

使用<table> <tr> <td> </td> </tr> </table>

语法:

 <table>
       <tr>
           <td>车次</td>
           <td>开车时间</td>
           <td>到达时间</td>
        </tr>
        <tr>
            <td>D110</td>
            <td>10:22</td>
            <td>11:00</td>
        </tr>
 </table>

展现效果:

<table>
<tr>
<td>车次</td>
<td>开车时间</td>
<td>到达时间</td>
</tr>
<tr>
<td>D110</td>
<td>10:22</td>
<td>11:00</td>
</tr>
</table>

这里是因为使用github离线风格导致空格,使用在线就没有了。这里简书不支持,没辙,先留下吧

<h2 id="20">七.创建和突出显示代码块</h2>

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

语法:

 ```

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

```

展现效果:

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

<h4 id="22">7.2.语法高亮显示:</h4>

高亮度需要使用github在线风格才能显示颜色

语法:

```ruby
   require 'redcarpet'
   markdown = Redcarpet.new("Hello World!")
   puts markdown.to_html
```

展现效果:

ruby语法:

       require 'redcarpet'
       markdown = Redcarpet.new("Hello World!")
       puts markdown.to_html

python语法:

def foo():
    if not bar:
        return True

本文使用的markdownPad2需要使用github在线markdown风格才会显示,其他不显示。

<h4 id="23">7.3.引用代码:</h4>

您可以使用单个反引号来调用句子中的代码或命令。反引号内的文本将不被格式化。

语法:

 Use `git status` to list all new or modified files that haven't yet been committed.

展现效果:

Use git status to list all new or modified files that haven't yet been committed.

<h4 id="24">7.4.引用文字:</h4>

你可以用引用文本>.

语法:

In the words of Abraham Lincoln:

> Pardon my French

展现效果:

In the words of Abraham Lincoln:

Pardon my French

<h4 id="25">7.5.删除线:</h4>

语法:

~~This was mistaken text~~

展现效果:

This was mistaken text

跳转至首页
使用window下的MarkdownPad2的GitHub离线Markdown语法效果页面请看这里:https://guo365.github.io/study/Markdown.html#0

相关文章

网友评论

      本文标题:Markdown语法整理

      本文链接:https://www.haomeiwen.com/subject/sgvzhxtx.html