Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

Markdown的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如JoomlaDrupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有GhostTypecho

从Markdown的诞生说起

Markdown(以下简称MD)是由一个程序员想出来的,萌生这个想法后,三两下就实现了将MD转为HTML排版的渲染引擎,然后告诉大家这就是MD。

程序员的世界总是折腾不止的,大家发现这东西非常方便,于是有了各种不同的实现。因此,MD语法目前还没有一个统一的标准,但是大体都是差不多的。

使用Markdown的好处

  • 你只需要专注于你写什么内容,不必在乎排版
  • 轻松的导出HTML、PDF和.md文件
  • 简单易学,笔者一上午就学会了使用Markdown
  • 纯文本内容,兼容性比较好

使用一个工具体验快感

笔者之前在网站上用MD写过几篇blog,感觉不如编辑器好看,于是放弃了。直到今天在某个blog中看到了关于MD工具的介绍,下载一个试试,结果一发不可收拾。觉得已经不是因为想写blog才用工具,而是因为喜欢工具才写blog。

由于笔者也是刚开始使用MD,没有体验过其他工具,所以这里只为大家提供一个地址

码字必备:18 款优秀的 Markdown 写作工具

特别推荐Typora这款软件,异次元软件网友对它的评价是这样的:


下面就进入正题,介绍一些MD的语法

1. 段落与换行

一个 MD段落是由一个或多个连续的文本行组成,它的前后要有一个以上的空行(若某一行只包含空格和制表符,则该行也会被视为空行)

「由一个或多个连续的文本行组成」这句话其实暗示了 Markdown 允许段落内的强迫换行(插入换行符)。操作方法为在行末添加两个以上空格后回车

2. 标题

标题在文章中不可或缺的,MD中只要在标题文字前加上 # 即可(最好在井号后加上一个空格)

# 一级标题

## 二级标题

### 三级标题

以此类推,总共有6级标题

3. 引用

如果你从别处copy了一段文字,需要用到引用,使用 > 这种尖括号(大于号)即可

4. 列表

熟悉HTML的都了解列表分为无序列表和有序列表,MD也分

无序列表:用 -* 都可以

有序列表:用 1.(数字后跟点)即可

5. 代码与代码块

如果你是程序员,对代码肯定足够的熟悉。一般使用两个 ` 或 两个 ``` 把代码包裹起来,包裹起来的文字会保持它原有的格式

代码:使用 ` 包裹起来的代码,可以显示在行内,代码不会高亮

代码块:使用 ``` 包裹起来的代码,另起一行显示,可以说明编程语言,可能会出现代码高亮

6. 分割线

html中的<hr>大家熟悉吧

在MD中使用 *** 即可

7. 图片与链接

插入链接与插入图片的语法很像,区别在一个 !

插入图片时需要图片的地址,如果你是在网上写blog等,必须使用url;如果你在本地使用MD编辑器做记录,可以使用本地路径

插入图片和链接的方式有两种:1.行内方式 2.关联方式

  • 行内方式:
// 插入图片
![图片名称](图片url) // 插入链接
[显示内容](链接地址)
  • 关联方式:
// 插入图片
![图片名称][关联名称] //插入链接
![显示内容][关联名称] [关联名称]:url/本地路径

8. 强调

强调分为粗体和斜体

粗体 :用两个**将文本包裹起来即可

斜体 :用两个*将文字包裹起来即可

9. 转义

在MD中,有一些符号是有特殊意义的,比如 # ,如果你直接输入“# 你好”,将会变成一级标题。这时候需要使用\来转义,可以在井号之前加入反斜杠,如\#,才能得到你想要的结果

MD支持以下这些特殊符号前面加上反斜杠来帮助插入普通的符号

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

10. 自动链接

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

<http://example.com/>

11. 表格

表格可能是MD中最不便利的标签了,几乎需要你手动的敲一遍表格,例子如下:

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |

这种语法生成的表格如下:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

到这里,最基础的语法你已经学完了,你可以写一篇文章表达一下你激动的心情了。平时多使用MD记录、写文章,你一定会爱上它的。

5分钟快速入门Markdown的更多相关文章

  1. 一分钟快速入门openstack

    一.它是什么,能干什么想认识一个事物,必须先弄明白它是什么,能干什么.首先说一下,openstack是一个搭建云平台的一个解决方案,说他不是个软件,但是我觉得说是一个软件,能够让大家认识更清晰些.op ...

  2. Vue.js——60分钟快速入门(转)

    vue:Vue.js——60分钟快速入门 <!doctype html> <html lang="en"> <head> <meta ch ...

  3. Vue.js 60 分钟快速入门

    Vue.js 60 分钟快速入门 转载 作者:keepfool 链接:http://www.cnblogs.com/keepfool/p/5619070.html Vue.js介绍 Vue.js是当下 ...

  4. 不会几个框架,都不好意思说搞过前端: Vue.js - 60分钟快速入门

    Vue.js——60分钟快速入门   Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js,Vue.js提供了更加简洁.更易于理 ...

  5. AngularJS 30分钟快速入门【译】

    引用自:http://www.revillweb.com/tutorials/angularjs-in-30-minutes-angularjs-tutorial/,翻译如下: 简介 我三年前开始使用 ...

  6. 5分钟快速入门 - Less

    下面给大家讲解下Less,纯手工,入门级别,相信没学过的人阅读完后就懂了,以下是我要讲的四点: 简单介绍 Less CSS 是一个使用广泛的 CSS 预处理器. 对 CSS 进行扩展,减少很多 CSS ...

  7. ichartjs一分钟快速入门教程

    1.构建项目环境 由于ichartjs是一个js库,所以只要将ichart.js加入你页面的head中就完成了ichartjs的运行环境.代码如下: <script type="tex ...

  8. Redis 十分钟快速入门

    本教程是一个快速入门教程,所以Redis的命令只是简单介绍了几个常用的,如果有其他需求请求官网查看API 使用. 1. Redis简介 Redis 是完全开源免费的,遵守BSD协议,是一个高性能的ke ...

  9. 十分钟快速入门 Python,看完即会,不用收藏!

    本文以 Eric Matthes 的<Python编程:从入门到实践>为基础,以有一定其他语言经验的程序员视角,对书中内容提炼总结,化繁为简,将这本书的精髓融合成一篇10分钟能读完的文章. ...

随机推荐

  1. jquery 遍历find()与children()的区别

    find():返回被选元素的后代元素.后代是子.孙.曾孙,依此类推. http://blog.csdn.net/zm2714/article/details/8117978 http://www.jb ...

  2. mysql的简单介绍

    一 数据类型 分为数值类型,日期时间类型,字符串类型 菜鸟教程网址:http://www.runoob.com/mysql/mysql-data-types.html

  3. 远征(expedition)

    [题目描述] 寒枫将军将要带领他的部队去圣雪山消灭那里的冰龙. 部队分成了若干个小队,属于同一个小队的人兵种相同.寒枫将军有着杰出的指挥能力,在战斗的时候,寒枫将军能够让所有相同兵种的人互相配合,使t ...

  4. PHP的json_encode()函数的引号

    PHP的json_encode()函数的引号 (1)数组的索引和值都使用双引号 $a = ["id"=>1,"age"=>12,"name ...

  5. Symmetric Tree(DFS,二叉树的构建以及测试代码)

    基础有待加强啊,由该题引发出来一些问题,现在来总结下. 首先是二叉树的结构: struct TreeNode { EleType val; TreeNode *left; TreeNode *righ ...

  6. SpringBoot 整合 RabbitMQ(包含三种消息确认机制以及消费端限流)

    目录 说明 生产端 消费端 说明 本文 SpringBoot 与 RabbitMQ 进行整合的时候,包含了三种消息的确认模式,如果查询详细的确认模式设置,请阅读:RabbitMQ的三种消息确认模式 同 ...

  7. Android图片缓存之Glide进阶(四)

    前言: 前面学习了Glide的简单使用(http://www.cnblogs.com/whoislcj/p/5558168.html),今天来学习一下Glide稍微复杂一点的使用. GlideModu ...

  8. 【redis】5.spring boot项目中,直接在spring data jpa的Repository层使用redis +redis注解@Cacheable直接在Repository层使用,报错问题处理Null key returned for cache operation

    spring boot整合redis:http://www.cnblogs.com/sxdcgaq8080/p/8028970.html 首先,明确一下问题的场景 之前在spring boot整合re ...

  9. CSS 发明者 Håkon Wium Lie 访谈--csdn zhangxin09

    原文地址:https://dev.opera.com/articles/css-twenty-years-hakon/ ---------------------------------------- ...

  10. SilverLight:基础控件使用(5)-TreeView控件-基本使用

    ylbtech-SilverLight-Basic-Control:基础控件使用(5)-TreeView控件-基本使用 前台编辑 后台逐个添加 后台绑定数据源 1.A,返回顶部TreeView控件(树 ...