作为一个“资深\”的伪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 -)和文字之间需要添加空格。(建议:一个文档中只是用一种无序列表的表示方式)

* 好好学习
* 天天向上
  • 好好学习
  • 天天向上

有序列表

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

* 产品介绍(子项无项目符号)
此时子项,要以一个制表符或者4个空格缩进

* 产品特点
    1. 特点1
    - 特点2
    - 特点3
* 产品功能
    1. 功能1
    - 功能2
    - 功能3

可有时我们会出现这样的情况,首行内容是以日期或数字开头:2013. 公司年度目标。
为了避免也被转化成有序列表,我们可以在\".\"前加上反斜杠(转义符):2013. 公司年度目标。

5.表格

| 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 12
zebra stripes are neat $1

7. 链接(Links)

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

    内联方式:This is an [example link](http://example.com/).

内联方式:This is an example link.

引用方式:
I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3].  

[1]: http://google.com/        \"Google\" 
[2]: http://search.yahoo.com/  \"Yahoo Search\" 
[3]: http://search.msn.com/    \"MSN Search\"

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

8. 图片(Images)

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

内联方式:![alt text](/path/to/img.jpg \"Title\")

引用方式:

![alt text][id] 
[id]: /path/to/img.jpg \"Title\"

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

 插入代码

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

语法高亮

    标记一小段行内代码:
本文是一篇介绍`Markdown`的语法的文章

如果高亮的内容包含`号,可以这样写:
`` `包裹起来` ``

语法高亮:
```html

<div>Syntax Highlighting</div>
“` “`css body{font-size:12px} “` “`javascript var s = \”JavaScript syntax highlighting\”; alert(s); “` “`php “` “`python s = \”Python syntax highlighting\” print s “`

10. 脚注(footnote)

实现方式如下:

hello[^hello]
[^hello]: hi

11. 删除线

使用 ~~ 表示删除线。

~~这是一段错误的文本。~~

这是一段错误的文本。

11. 下划线

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

***
* * *
- - -

12. 目录

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

13. LaTeX 公式

14.流程图

```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
```

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

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

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

start 
end 
operation 
subroutine 
condition 
inputoutput

<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>

```seq
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
```

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

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

```seq
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow

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

 

参考资料:

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

 

发表评论

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