1 支持 Markdown 的编辑器

Windows

推荐 Sublime Text 3,强大优雅的编辑器。
MarkdownPad,一款可以直接预览排版效果的编辑器。

Mac

推荐 Ulysess,专注写作的编辑器,功能强大,体验一流。
Macdown,可以预览排版效果。

Linux

推荐 VIM,编辑器之神。当然,Emacs是神的编辑器。
ReText,也可以预览。

Web

推荐简书,有 Markdown 写作/预览模式。
作业部落,功能强大的 Markdown 编辑器。
与其他常用工具配合
在 Firefox 浏览器上,推荐插件 It’s All Text!,可以将网页上的文本框转化为 Markdown 编辑器。
在和 Evernote 配合使用时,推荐使用马克飞象

扩展阅读

《好用的 Markdown 编辑器一览》
欢迎补充,随时更新。

2 Markdown 语法

现在可以在作业部落的左侧窗口中试试看了。无需注册,直接开始输入文字就好。

要事第一

首先需要注意:在 Markdown 中另起一段时,需要多敲一次回车键,来在段落之间添加一个空行。这是与其他常见文档格式的不同之处。
这是因为,在一些 Markdown 解释器中,会把相邻的两行合并成同一个段落。
例如,当我们这样书写时:
这是第一段。
这是第二段。
实际上看到的效果是这样:
这是第一段。这是第二段。
虽然并非所有 Markdown 解释器都会用同样的解释方式,但是为了避免出错,还是多敲一次回车来添加一个空行吧。

标题

Markdown 中,只需要在文本前面加上“#”,就会被认为是加了一个标题。同理,你还可以增加二级、三级、四级、五级标题和六级标题,只需要增加“#” 即可。例如:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
列表
实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

当你要罗列一些内容时,列表是很有用的工具。为了说明哪些条目属于这个列表,我们需要引入“项目标记”。

列表项目标记通常放在段落开头,后面要跟着一个空格。列表的各个条目之间可以不留空行。

若列表中的条目没有特定顺序时,可以使用 无序列表。加号“+”或减号“-”都可以作为列表标记,后面要跟一个空格。例如:

Red

Green

Blue

或者

Red

Green

Blue

实际显示的效果都是这样的(在不同的环境下显示效果可能会有差异):

  • Red
  • Green
  • Blue

若想在段落前加上数字序号,就需要用到有序列表了。使用数字、一个英文句号和一个空格即可。例如:

  1. Red

  2. Green

  3. Blue

实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

  1. Red
  2. Green
  3. Blue

删除线

~~ 哈哈哈哈哈哈哈~~

实际效果:

哈哈哈哈哈哈哈哈

图片

Markdown 中可以插入图片,只需要感叹号、方括号和圆括号即可。例如:
![Alt text] (/path/to/img.jpg)
一个英文感叹号 “!” 后紧跟方括号,里面可以写这张图片的说明;再紧跟一对圆括号,里面写这张图片的网址。例如:
![吃面条] (//upload-images.jianshu.io/upload_images/19107-4a17a25a90d42a5e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

吃面条

有些 Markdown 编辑器也支持拖拽插入图片,这就简单多了。例如简书 或者 Ulysses 就有这种功能。

链接

在文档中插入链接的语法和插入图片的语法很像,只是少了最前面的英文感叹号"!"。
在方括号写下链接文字,圆括号写下网址即可。例如:
[好中文的样子] (http://www.jianshu.com/p/d409bb2b5d6c)
实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):
好中文的样子

引用

可以使用">" 标记来引用其他人的言论、书籍或报纸的内容。只需要在段落的第一行最前面加上 > 即可:

”每位作者都应该学习 Markdown。”

实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

”每位作者都应该学习 Markdown。”

引用可以嵌套,只要根据层次的不同,加上不同数量的 > 即可:

这是第一级引用。

这是第二级引用。

现在回到第一级引用。

实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

这是第一级引用。

这是第二级引用。
现在回到第一级引用。

在引用的区域内,也可以使用其他的 Markdown 语法,包括标题、列表等:

这是一个标题。

这是第一行列表项。

这是第二行列表项。

实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

这是一个标题。

  1. 这是第一行列表项。
  2. 这是第二行列表项。

强调

在Markdown中,可以使用 “*”和 “_” (下划线)来表示加粗和倾斜。

在需要斜体的文本左右各加一个“*”或“_” :

*吹吹那热风,听听那冷雨,看哪,好中文的样子。*

_吹吹那热风,听听那冷雨,看哪,好中文的样子。_

实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

吹吹那热风,听听那冷雨,看哪,好中文的样子。

吹吹那热风,听听那冷雨,看哪,好中文的样子。

在需要加粗的文本左右各加两个“*”或“_” :*

**吹吹那热风,听听那冷雨,看哪,好中文的样子。**

__吹吹那热风,听听那冷雨,看哪,好中文的样子。__

实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

吹吹那热风,听听那冷雨,看哪,好中文的样子。

吹吹那热风,听听那冷雨,看哪,好中文的样子。

分割线

在 Markdown 中,可以用分隔线来将内容分成不同区域。

只需要连续三个减号"-"或者三个“*”即可。例如:

--- 或 ***

实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):


如何在简书用markdown插入代码

第一:要在简书设置上该为markdown;
第二:是新建文章,记住,若是之前的文章不会生效的;
第三:把输入法切换为英文,之后点击esc键下的那个键,最终结果为

代码引用

需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。
如果引用的语句为多行,可以将```置于这段代码的首行和末行。
代码引用的案例截图:

表格

相关代码:

显示效果:(第二行左边加冒号显示效果靠左,右边加冒号显示效果靠右,两边都加冒号显示效果居中,注意:冒号一定要和虚线紧挨着。)

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

相关代码:

显示效果:

dog bird cat
foo foo foo
bar bar bar
baz baz baz

显示链接中带括号的图片

代码如下:

![][1]
[1]: http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1

3 常见问题

Q: 我该去哪里下载 Markdown 软件?

A: Markdown 是一种标准而非软件,任何支持 Markdown 语法的编辑器都可以使用,无论是何种操作系统、哪类设备。请看“3 支持 Markdown 的编辑器”,或者问问 Google。


Q:在简书里怎么切换 Markdown?为什么切换了没有反应?

A:建议使用 Chrome 或 Firefox 浏览器。在简书中,点击右上角个人头像-设置,在“常用编辑器”中选中markdown,然后保存。注意一行小字:“切换后对新建文章生效”。然后点击右上角”写新文章“,再点击工具栏右侧倒数第三个按钮“切换到预览模式”,屏幕应该会分成左右两个区域。在左侧区域输入内容、添加标记,右侧就会实时显示 Markdown 效果了。


Q: 为什么我按说明写了标记,但是没法正常显示?
A: 很可能是你误把中文标点当成了英文标点。在 Markdown 中使用标点符号作为标记时,要使用英文标点符号。没关系,人们总会犯这种小错误。


Q: 为什么我写了正确的标记,但是在编辑窗口中看不到任何效果?
A: 许多 Markdown 编辑器都不是所见即所得的——“所见即所得”是指你对格式的修改会马上反映在屏幕上,就像 Word 那样。如果你的编辑器没有没有实时预览功能,就不会看到格式的变化。Macdown简书 都支持实时预览,你需要先打开这个功能,才能看到这些格式标记的效果。


Q: Markdown 可以排版表格吗?
A: 可以,如果你熟练的话,排版表格也会很快。表格的语法请见“Markdown 语法说明(简体中文版)”。


Q: Markdown可以排版数学公式吗?
A: 可以。只要有相应的扩展,Markdown 可以支持LaTeX 公式、甚至画流程图和甘特图。


Q: 标题效果和加粗有区别吗?
A: 看似没有,其实还是有的。这涉及到如何解释 Markdown 标记的问题,一般和 CSS 有关。更多信息,请看“4 扩展阅读”部分。


Q: 加图片时,无 IT 背景人士一般会采用从桌面拖拽的方式。Markdown 支持拖拽吗?
A: 拖拽图片插入文档或上传到网站,不是 Markdown 语法本身的内容。不过有些网站和 Markdown 编辑器支持拖拽方式,例如 Ulysess 和 简书 。


Q: Markdown 正文可以调整字号吗?
A: 同样和解释 Markdown 标记的方式有关。更多信息,请看“4 扩展阅读”部分。


Q: Markdown 段落开头不能空两格,看着很难受啊。有办法解决吗?
A: 办法嘛……若是在自己机器上的 Markdown 编辑器中,也许你可以修改 CSS。若是在 简书 之类网站上,可能只能手工在每段开始前手工添加五个“&n bsp;”了。记得,是“&nb sp;”,字符和字母之间都没有空格。最后的分号也是有必要的哦~


4 扩展阅读

更多关于 Markdown 语法或工具的内容,可以参考:
Markdown 语法说明(简体中文版)
献给写作者的 Markdown 新手指南
Markdown 是定义文章逻辑结构,而非定义样式的。一般来说,Markdown 最终呈现出的样式,是由对应的层叠样式表(CSS)所定义的。如果想要自己调整出想要的样式,可以从 CSS 开始。这里有一份 CSS 教程:《CSS 入门教程》

Markdown 新手手册(本文)

更多内容,请关注专题《GC4WPS03E05-番外》

5 补充

  1. 左右两边加~ :~ 123456 ~
    实际效果:123456
  2. 左右两边加 ·(Tab上边的键): ·123456 ·
    实际效果:123456
    • 父类的无序标号

      • - 横线前面空两个空格,后面空一个空格,出现小白圈

简书markdown教程的更多相关文章

  1. 仿简书MarkDown编辑器可同步滚动

    模仿简书的MarkDown编辑器,使用Angular8写的示例 1.支持同步滚动 编辑的过程中,右侧预览界面会同步滚动.滚动右侧预览界面,左侧编辑区也会同步滚动哦 2.支持语法高亮 如下: using ...

  2. 简书 markdown 代码高亮标记

    SyntaxHighlight language language_key 1C 1c ActionScript actionscript Apache apache AppleScript a pp ...

  3. WPF系列教程——(三)使用Win10 Edge浏览器内核 - 简书

    原文:WPF系列教程--(三)使用Win10 Edge浏览器内核 - 简书 在需要显示一些 H5网站的时候自带的WebBrowser总是显示不了,WebBrowser使用的是IE内核,许多H5新特性都 ...

  4. WPF系列教程——(一)仿TIM QQ界面 - 简书

    原文:WPF系列教程--(一)仿TIM QQ界面 - 简书 TIM QQ 我们先来看一下TIM QQ长什么样,整体可以将界面分为三个部分 TIM QQ 1. 准备 阅读本文假设你已经有XAML布局的基 ...

  5. WPF系列教程——(二)使用Prism实现MVVM设计模式 - 简书

    原文:WPF系列教程--(二)使用Prism实现MVVM设计模式 - 简书 本文假设你已经知道MVVM设计模式是什么,所以直接进入正题,今天我们就用Prism来实现WPF的MVVM设计模式,百度上关于 ...

  6. [Selenium2+python2.7][Scrap]爬虫和selenium方式下拉滚动条获取简书作者目录并且生成Markdown格式目录

    预计阅读时间: 15分钟 环境: win7 + Selenium2.53.6+python2.7 +Firefox 45.2  (具体配置参考 http://www.cnblogs.com/yoyok ...

  7. Markdown 教程

    Markdown 简介 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档. Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建. ...

  8. 认识与入门 Markdown,Markdown教程

    一.认识 Markdown 在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版.字体 ...

  9. 倒戈了,转投简书 -------->

    深情自白 还记得数月前那个月黑风高的晚上,笔主偶遇简书,被那婀娜多姿的Markdown输出深深吸引不能自拔,从此立下毒誓要两边同时发布.然而天有不测风云(这边的太丑),前思后想寝食难安之后作出决定,正 ...

随机推荐

  1. Paxos 算法

    1 概述 Paxos算法是莱斯利·兰伯特(Leslie Lamport,就是 LaTeX 中的"La",此人现在在微软研究院)于1990年提出的一种基于消息传递的一致性算法.[1] ...

  2. PHP变量的定义与相应的数据类型

    在PHP中,变量的定义和C语言定义的方法是类似的,但是在PHP中,变量使用起来就非常灵活,一个变量既可以做整型,也可以是浮点型,也可以是字符串或者字符类型,通通只要在变量名前面加一个$然后加上你的变量 ...

  3. Linux系统下常用的快捷键

    快捷键 ctrl +  shift + '+'   将当前的终端放大 ctrl +  '-'           将当前的终端放小 ctrl +  l             清屏 ctrl +  u ...

  4. ASI与AFN网络请求的的比较

    对比 ASI AFN 更新状态 2012年10月份,已经停止更新 持续更新中,目前已更新至3.0版 介绍 ASI的直接操作对象ASIHTTPRequest,是一个实现了了NSCopying协议的NSO ...

  5. C 标准库基础 IO 操作总结

    其实输入与输出对于不管什么系统的设计都是异常重要的,比如设计 C 接口函数,首先要设计好输入参数.输出参数和返回值,接下来才能开始设计具体的实现过程.C 语言标准库提供的接口功能很有限,不像 Pyth ...

  6. Collections.sort自定义排序的使用方法

    Collections.sort自定义排序的使用方法 总结:Collections可以对List进行排序:如果想对Map进行排序,可以将Map转化成List,进行排序: public static v ...

  7. 面试题-一个for循环输出一个棱形

    用一个for循环输出以下棱形 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ...

  8. (转) windows下 安装 rabbitMQ 及操作常用命令

    该博客转载自:https://blog.csdn.net/gy__my/article/details/78295943 原作者:Eric Li  出处:http://www.cnblogs.com/ ...

  9. 【转】学习FFmpeg API – 解码视频

    ffmpeg是编解码的利器,用了很久,以前看过dranger 的教程,非常精彩,受益颇多,是学习ffmpeg api很好的材料.可惜的是其针对的ffmpeg版本已经比较老了,而ffmpeg的更新又很快 ...

  10. [ Java面试题 ]基础篇之一

    1.一个".java"源文件中是否可以包括多个类(不是内部类)?有什么限制? 可以有多个类,但只能有一个public的类,并且public的类名必须与文件名相一致. 2.Java有 ...