markdown培训资料

[TOC]

优雅的写文档

markdown简介

  • markdown是一种标记语言

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

Markdown 的目标是实现「易读易写」。可读性,无论如何,都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成。

  • markdown语法简洁

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

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

Markdown 不是想要取代 HTML,甚至也没有要和它相近,它的语法种类很少,只对应 HTML 标记的一小部分。Markdown 的构想不是要使得 HTML 文档更容易书写。在我看来, HTML 已经很容易写了。Markdown 的理念是,能让文档更容易读、写和随意改。HTML 是一种发布的格式,Markdown 是一种书写的格式。就这样,Markdown 的格式语法只涵盖纯文本可以涵盖的范围。

为什么要用markdown

markdown是为哪些使用者设计的

首先要确定你是否真的需要markdown,使用某种工具是为了提高效率或者某种体验的,如果这种工具并不能显著帮你改善体验,那就让它见鬼去吧,哪怕这个工具学起来很简单。

markdown是为那些需要经常码字或者进行文字排版的、对码字手速和排版顺畅度有要求的人群设计的,他们希望用键盘把文字内容啪啪啪地打出来后就已经排版好了,最好从头到尾都不要使用鼠标。这些人包括经常需要写文档的码农、博客写手、网站小编、出版业人士等等。通常情况下,网络上需要进行大量文字输入的地方都可以通过所见即所得的方式排版,本地写作的话则可以使用word这类常用的文本编辑软件,当然你也可以蛋疼地手工使用html标签实现排版效果——而markdown只是使这一切更方便了一点而已,所以如果你觉得现有文本编辑方式完全够用了,就别费神折腾了(除非你在使用像github这样markdown作为主流编辑方式的网站)

以上内容来自知乎:

作者:花生

链接:https://www.zhihu.com/question/20409634/answer/15779646

markdown的优点

  • 语法简洁

markdown语法一共就那么几个,几分钟就能背下来

  • 简单、轻量级

就是很轻量,很简单

  • 纯文本

纯markdown是没有格式的,意味着你可以随心所欲的复制张贴

  • 标签有行业标准

意味着你不用去纠结word里面的字号,标题,缩进,等等各种,大家写的文档在同样的解释器下都是一个样子

  • 平台支持完善

各大平台:github, StackOverFlow, segmentfault, csdn, 印象笔记, 有道云笔记, 简书......

markdown的缺点

markdown最大的缺点就是方言较多,不同的平台间的语法会有细微的差别,尤其是高阶语法,初级语法基本大家都是一样的,但是,高阶语法你不见得会用到(后面会细说)。

程序员为什么要用markdwon

  • 省事

你是一个程序员,为什么要去折腾word? 用markdown吧,不用再理会那些奇奇怪怪的选择。

  • 简单

if...else...都比这个还要难吧

  • README.md

你以为readme是用什么写的

  • 各大代码托管平台

还没有见过不支持markdown的代码托管平台,不迎合程序员你托管什么代码?

  • 各大笔记

时不时的记一点笔记,当然是要markdown写了!有道云笔记,为知笔记,onenote等等。对了,印象笔记不支持,但是他有马克飞象啊!

  • 装逼

作为程序员你竟然不知道markdown?

markdown基础语法

标题

标题有两种写法,一种是下标式的,只支持二级标题;一种是用#,一个到六个,分别对应移到六级标题,在html里面会被解析成h1~h6


这是一个一级标题
==============

这是一个二级标题
---------------------------

# 这是一级标题
## 这是二级标题
### 这是三级标题 ###
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

代码块

原生的markdown语法中代码是用一对`包起来的代码块,就像这样print("hello world")

根据实测,各大平台基本都支持用一对```包起来的代码块,这样包起来的代码能支持超长代码块,而且个别平台还支持指定语言高亮,语法为```php,如github

引用

markdown里用的很多,语法为英文的 >,在html里,引用会解析成blockquote标签


> 这是一个引用

列表

列表可以分为有序列表和无序列表,无序列表可以使用星号,加号或者减号(*、+、-)创建,它们三者效果都是一样的,有序列表则直接在每一项前面加上阿拉伯数字与小数点即可

  • 效果
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  1. 有序列表第一项
  2. 有序列表第二项
  3. 有序列表第三项
  • 源码

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项

- 第一项
- 第二项
- 第三项

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

强调

使用星号(*)和底线(_)作为标记强调字词的符号,被 * 或 _ 包围的字词会被转成用 <em> 标签包围,用两个 * 或 _ 包起来的话,则会被转成 <strong>

  • 效果

斜体
斜体
加粗
加粗
删除线

  • 代码

*斜体 *
_斜体_
**加粗**
__加粗__
~~删除线~~

链接

Markdown使用两种方法创建链接,行内创建与引用创建,行内创建一般使用得比较多

  • 行内创建

这是一个示例链接


这是一个示例[链接](http://baidu.com "这是一个标题")
  • 引用创建

这是一个示例链接百度还是可以的,但是要多学学谷歌, 百度一下你就知道,google一下,你知道的更多

  • 代码
这是一个示例[链接][1],[百度][2]还是可以的,但是要多学学[谷歌][3], [百度一下][2]你就知道,[google][ou]一下,你知道的更多

[1]:http://www.kunming.cn "kunming"
[2]:http://www.baidu.com "baidu"
[3]:http://www.google.com "Google"
[ou]:http://www.google.com "Google"

图片

图片的语法和链接很相似

  • 行内创建

这是一个示例
图片

这是一个示例![](./Koala.jpg "这是一个标题")
  • 引用创建

这是一个示例
图片

,第二个示例
图片
, 第三个示例
图片

这是一个示例![图片][4],第二个示例![图片][5], 第三个示例![图片][4]

[4]: ./Koala.jpg "Koala"
[5]: ./Jellyfish.jpg "Jellyfish"

分割线

在行下方空一行然后输入三个或三个以上-, *, _,表示一条分割线

  • 效果



  • 代码

---

***

___

注脚

在需要添加注脚的文字后加上脚注名字[^注脚名字],称为加注。 然后在文本的任意位置(一般在最后)添加脚注,脚注前必须有对应的脚注名字。

注意:经测试注脚与注脚之间必须空一行,不然会失效。成功后会发现,即使你没有把注脚写在文末,经Markdown转换后,也会自动归类到文章的最后。

  • 效果

使用 Markdown[1]可以效率的书写文档, 直接转换成 HTML[2], 你可以使用 Leanote[3] 编辑器进行书写。

  • 代码

使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2], 你可以使用 Leanote[^Le] 编辑器进行书写。
[^1]:Markdown是一种纯文本标记语言
[^2]:HyperText Markup Language 超文本标记语言
[^Le]:开源笔记平台,支持Markdown和笔记直接发为博文

自动链接

  • 效果

http://baidu.com/

  • 代码
<http://baidu.com/>

转义

markdown好多符号都有特殊的语法格式,但是如果要真正的符号怎么办,可以用一个反斜杠来转义\

*这个是一对星号*

\*这个是一对星号\*

markdown进阶简介

表格

不管是哪种方式,第一行为表头,第二行分隔表头和主体部分,第三行开始每一行为一个表格行。
列于列之间用管道符|隔开。原生方式的表格每一行的两边也要有管道符。
第二行还可以为不同的列指定对齐方向。默认为左对齐,在-右边加上:就右对齐, :\-:就是居中对齐。

  • 效果
学号 姓名 分数
小明 75
小红 79
小陆 92
  • 代码

|学号|姓名|分数|
|--:|--:|--:|
|小明|男|75|
|小红|女|79|
|小陆|男|92|

流程图

  • 效果

st=>start: 开始:>https://www.zybuluo.com
io=>inputoutput: 数据
op=>operation: 操作
cond=>condition: Yes or No?
sub=>subroutine: 子程序
e=>end: 结束
st->io->op->cond
cond(yes)->e
cond(no)->sub->io
  • 代码

flow
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end
st->io->op->cond
cond(yes)->e
cond(no)->sub->io

更多语法参考:流程图语法参考

UML序列图

  • 效果

Title:连接建立的过程
客户主机->服务器主机: 连接请求(SYN=1,seq=client_isn) 
服务器主机->客户主机: 授予连接(SYN=1,seq=client_isn)\n ack=client_isn+1
客户主机->服务器主机: 确认(SYN=0,seq=client_isn+1)\nack=server_isn+1
  • 代码

sequence
Title:连接建立的过程
客户主机->服务器主机: 连接请求(SYN=1,seq=client_isn) 
服务器主机->客户主机: 授予连接(SYN=1,seq=client_isn)\n ack=client_isn+1
客户主机->服务器主机: 确认(SYN=0,seq=client_isn+1)\nack=server_isn+1

语法参考:https://bramp.github.io/js-sequence-diagrams/

LaTeX 公式

  • 效果

质能守恒方程可以用一个很简洁的方程式 \(E=mc^2\)来表达。

$$\sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$

$$\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k}$$

$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$

  • 代码

质能守恒方程可以用一个很简洁的方程式 \\(E=mc^2\\)来表达。

$$\sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$

$$\sum^{j-1}\_{k=0}{\widehat{\gamma}\_{kj} z_k}$$

$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$

访问 MathJax 参考更多使用方法。

工具选择

windows平台

markpad

下载地址

图片

markdownpad

下载地址

图片

mac平台

mou

下载地址

图片

linux平台

Remarkable

下载地址

图片

web端

简书

传送门

全平台

cmdmarkdown 作业部落出品

国产优秀markdown编辑器,界面漂亮,就是导出要充会员

下载地址

图片

sublimeText 神级编辑器

需要两个插件markdown editing 和 markdown preview

下载地址

配置markdown preview为:


{
    "enable_mathjax": true, 
    "enable_uml": true,
}

参考资料

[Jellyfish]: http://upload-images.jianshu.io/upload_images/3707543-d9cd19b92d74785a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


  1. Markdown是一种纯文本标记语言

  2. HyperText Markup Language 超文本标记语言

  3. 开源笔记平台,支持Markdown和笔记直接发为博文

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • 为什么学习Markdown 自从搭建了 Hexo 博客之后,发现还有 Markdown 这种写文章的方法,想到以后...
    lifeColder阅读 20,124评论 10 217
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 1. 斜体和粗体 代码: 显示效果: 这是一段斜体 这是一段粗体 这是一段加粗斜体 这是一段删除线 2. 分级标题...
    泊牧阅读 2,320评论 0 2
  • (Markdown语法没有一个统一的标准,不同的工具或平台采用的标准不一样,所以有些语法规则和功能是有差异的) 0...
    迟道阅读 56,669评论 4 69
  • 如何阅读哲学书 关于这一章哲学类别,最主要就两个字:思考!思考!思考! 重要的字说3遍 哲学家提出的问题: 举例子...
    杨颖__指数成长阅读 398评论 0 0