markdown语法简介

Markdown 是什么

  • Markdown 是一种轻量级标记语言。
  • 它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。
  • Markdown 吸收了很多在电子邮件中已有的纯文本标记的特性。

Markdown有什么优点

特点:

  • 「易读易写」
  • ** 兼容 HTML**

Markdown的目标是:成为一种适用于网络的书写语言。

Markdown的基本语法-区块元素

段落和换行

一个 Markdown段落是由一个或多个连续的文本行组成,它的前后要有一个以上的空行。普通段落不该用空格或制表符来缩进。

  • Code: 这是一个段落。 这是另一个段落。 这不是另一个段落。
  • View:

这是一个段落。

这是另一个段落。 这不是另一个段落。

标题

Markdown 支持两种标题的语法,类 Setext 和类 Atx 形式。

  • code: 类 Setext: This is an H1 ============= This is an H2 ------------- 类 Atx: #### 这是 H4 ##### 这是 H5
  • view:

这是 H4

这是 H5

列表

无序列表

无序列表使用星号、加号或是减号作为列表标记:

  • code:
    • 无序列表1
    • 无序列表2
    • 无序列表3
  • view:
    • Red * Green - Blue

有序列表。

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

  • code: 1. Bird 2. McHale - Parish
  • view:
    1. Bird
    2. McHale
    3. Parish

代码区块

要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符就可以,例如,下面的输入

  • code: 这是一个普通段落。 <table> <tr> <td>Foo</td><td>Foo</td> </tr> </table> 这是另一个普通段落
  • view: 这是一个普通段落。 FooFoo 这是另一个普通段落。

Markdown的基本语法-区段元素

强调:

Markdown 使用星号(*)和底线(_)作为标记强调字词的符号

  • code: test *stest* __test__ **_test_**
  • view: test test test test

链接

Markdown 支持两种形式的链接语法: 行内式和参考式两种形式。不管是哪一种,链接文字都是用 [方括号] 来标记。

  • code: 行内式: [This link](http://blog.bihe0832.com/) has no title attribute. 参考式: This is [an example][id] reference-style link. [id]: http://blog.bihe0832.com "Optional Title Here"
  • view: 行内式: This link has no title attribute. 参考式: This is an example reference-style link.

代码片段:

如果要标记一小段行内代码,你可以用反引号把它包起来(`)

  • Code: Use the `printf()` function. A backtick-delimited string in a code span: `` `foo` ``
  • View: Use the printf() function. A backtick-delimited string in a code span: `foo`

图片:

Markdown 使用一种和链接很相似的语法来标记图片,同样也允许两种样式: 行内式和参考式。

行内式的图片语法:

  • Code: ![Alt text](../public/images/img1.png "Optional title")
  • View:

参考式的图片语法:

  • Code: ![Alt text][2] [2]: ../public/images/img1.png "Optional title attribute"
  • View:

![Alt text][2] [2]: ../public/images/img1.png “Optional title attribute”

到目前为止, Markdown 还没有办法指定图片的宽高,如果你需要的话,你可以使用普通的 ○ 标签。

转义字符:

Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号。Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号

Markdown 免费编辑器

Windows 平台

Mac 平台

在线编辑器

浏览器插件

参考文章:

Markdown 介绍PPT:http://show.bihe0832.com/markdown.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏C/C++基础

C#子窗体精确定位到父窗体的某个位…

弹出的子窗体精确定位在父窗体的某个位置,需要有目标坐标(这里将子窗体的位置设置为父窗体中一个panel的位置,需要将panel的坐标转换成屏幕坐标)

10940
来自专栏代码世界

jQuery

jQuery jQuery介绍 jQuery 是一个轻量级的、兼容多浏览器的JavaScript 库; jQuery 使用户能够更方便地处理HTML Docum...

53750
来自专栏互联网开发者交流社区

最新jquery+easyui_api培训文档

15140
来自专栏小狼的世界

Firefox与IE的一些Javascript编程小技巧

说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elemen...

11520
来自专栏菩提树下的杨过

silverlight如何在运行时用代码动态控制(或创建)动画

silverlight做一些复杂动画时,不可能所有的动画都事先用Blend之类的设计工具"画"好(或者在设计期就在vs里编好),很多时候我们希望在运行时能动态控...

207100
来自专栏Android先生

Android开发人员初识JavaScript

JavaScript是一种脚本语言;网页,以及基于H5的手机app等都靠JavaScript来驱动;更简单的来说,JavaScript就像是一种运行在浏览器中的...

12020
来自专栏跟着阿笨一起玩NET

WinForm枚举容器中的控件,实现控件统一事件处理机制

8610
来自专栏别先生

JAVA学习Swing章节标签JLabel中图标的使用

package com.swing; import java.awt.Color; import java.awt.Component; import jav...

23060
来自专栏跟着阿笨一起玩NET

winform程序中将控件置于最顶层或最底层的方法

一种方法是在WinForm窗体中使用Controls控件集的SetChildIndex方法,该方法将子控件设定为指定的索引值,其方法原型如下:

48820
来自专栏游戏杂谈

HTML5的data-* 要注意的问题

首先第一个问题,比较简单,直接使用dom.dataset,如果“===”undefined则不支持

14820

扫码关注云+社区

领取腾讯云代金券