Shut up, Markdown

作为一个“资深\”的伪IT人员,有一句信封为真谛的金科玉律”如果你爱他,立马用他“。我室友跟我多次提到了Markdown,我一直也没怎么当回事。这次,借端午放假的机会,静下心来,好好get这个技能,提高一下自己的逼格哈。

Markdown 是一种轻量级的「标记语言」。Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出 PDF 格式,这种格式写出的简历更能得到 HR 的好感。

使用 Markdown 的优点

  • 专注你的文字内容而不是排版样式,安心写作。
  • 轻松的导出 HTML、PDF 和本身的 .md 文件。
  • 纯文本内容,兼容所有的文本编辑器与字处理软件。
  • 随时修改你的文章版本,不必像字处理软件生成若干文件版本导致混乱。
  • 可读、直观、学习成本低。

体验这个编辑器,可以使用Cmd Markdown在线编辑器

1.标题

在Markdown当中设置标题,有两种方式:
第一种:通过在文字下方添加“=”和“-”,他们分别表示一级标题和二级标题。
第二种:在文字开头加上 “#”,通过“#”数量表示几级标题。(一共只有1~6级标题,1级标题字体最大)

2. 块注释(引用)(blockquote)

通过在文字开头添加“>”表示块注释。(当>和文字之间添加五个blank时,块注释的文字会有变化。)

3.字体

斜体

将需要设置为斜体的文字两端**使用1个“*”或者“_”夹起来

粗体

将需要设置为斜体的文字两端使用2个“*”或者“_”夹起来

粗体加斜体

***粗斜体*** or ___粗斜体__

但是,如果你的 * 和 _ 两边都有空白的话,它们就只会被当成普通的符号:这是一段* 文本强调 *的说明示例。
这是一段* 文本强调 *的说明示例
如果要在文字前后直接插入普通的星号或底线,你可以用反斜线(转义符):*this text is surrounded by literal asterisks*
*this text is surrounded by literal asterisks*

字体颜色

4.列表

无序列表

在文字开头添加(, +, and -)实现无序列表。但是要注意在(, +, and -)和文字之间需要添加空格。(建议:一个文档中只是用一种无序列表的表示方式)

  • 好好学习
  • 天天向上

有序列表

使用数字后面跟上句号。(还要有空格)

5.表格

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

7. 链接(Links)

Markdown中有两种方式,实现链接,分别为内联方式和引用方式。

内联方式:This is an example link.

引用方式:
I get 10 times more traffic from Google than from Yahoo or MSN.

8. 图片(Images)

图片的处理方式和链接的处理方式,非常的类似。

引用方式:

9. 代码(HTML中所谓的Code)

 插入代码

实现方式有两种:
第一种:简单文字出现一个代码框。使用blockquote。( 不是单引号而是左上角的ESC下面~中的
例如: 代码
代码
第二种:大片文字需要实现代码框。使用Tab或四个空格,然后换行。

语法高亮

 

10. 脚注(footnote)

实现方式如下:

11. 删除线

使用 ~~ 表示删除线。

这是一段错误的文本。

11. 下划线

在空白行下方添加三条“-”横线。(前面讲过在文字下方添加“-”,实现的2级标题)
或者

12. 目录

在任何你想要展示Markdown 笔记目录的地方,添加 [TOC] , 在阅读模式下,标题1~6样式的内容会被提取出来作为目录,相当于大纲功能。

13. LaTeX 公式

14.流程图

;
屏幕快照 2016-06-10 下午5.03.52

<p data-anchor-id=”eet9″>流程图的语法大体分为两段,第

一段用来定义元素,第二段用来连接元素
定义元素阶段的语法是
<code>tag=>type: content:>url</code>
tag就是一个标签,在第二段连接元素时用
type是这个标签的类型,从上段内容看有6中类型,分别为:</p>

<p data-anchor-id=”3uau”>st=>start: 开始
st->op->cond 操作流程
cond=>condition: 确认? 条件
e=>end: 结束
content就是在框框中要写的内容,中英文均可,但有一点需要特别注意,就是type后的冒号与文本之间一定要有个空格,没空格会出问题。
url就是一个连接,与框框中的文本相绑定</p>

<h3 id=”时序图” data-anchor-id=”zyf4″>时序图</h3>
<h4 id=”示例-1″ data-anchor-id=”w0kx”>示例 1</h4>

屏幕快照 2016-06-10 下午4.54.55

<h4 id=”示例-2″ data-anchor-id=”lwet”>示例 2</h4>

屏幕快照 2016-06-10 下午4.55.18

 

参考资料:

Markdown 语法说明 (简体中文版)
Markdown 11种基本语法
Markdown——入门指南
Markdown作业部落
markdown流程图语法

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注