目录
[TOC]
超级好用的Markdown
Markdown是一种标记语言,超级好用超级给力,让我们不用过于关心所编写的文档的格式,用简单的标记语言就能写出漂亮的文档。比如:
漂亮的代码块
Markdown不需要像其他编程语言一样安装什么环境,不需要像Html那样写标签<html><html/>
,简直方便的不得了。我们可以用随意的文档编辑器编写Markdown文档,完成后,还能迅速的将Markdown文档转化为PPT,Word文档,甚至粘贴到博客上面。Markdown用来写blog很好,很多博客网站都支持Markdown。
虽然说能用文本编辑器编写,但是初学者使用工具学习更为直观哦,写的同时就能看到效果,我使用Cmd Markdown 写的,推荐一下,挺不错的。在网上搜索"markdown 编辑器",能搜到很多,选一款自己喜欢的吧。
下面我会告诉大家一些常用的,更详细的请看Cmd Markdown。
阅读指南
下面的每个例子一般都分为三个部分,效果展示
、说明部分
、标记部分
。
效果展示
展示markdown生成在页面上的效果;
说明部分
会说明易忽略的标记部分,对标记进行说明,如果标记十分简单,也许不会有这一部分;
标记部分
会展示前面效果展示
的markdown标记的写法,如果有特殊的地方我会标注上,比如空格和Tab,这两个标记是缩进用的,但是在文本上不明显。下面我会特殊说明,
'空格'
表示一个空格
'Tab'
表示按一次Tab建
- 效果展示
- 列表
- 子列表
-
说明部分
列表可以用符号 *,+,- 生成;符号后面要加上空格哦 - 标记部分
标记:
-'空格'列表
'Tab'-'空格'子列表
(上面很不直观,下面的很直观,有空格和Tab的地方我会做说明)
- 列表
- 子列表
字体与效果
(简书不支持嵌入html)
粗字体 和 斜体 和 添加标签
添加标签粗体
添加标签斜体
我要删除之前写过的错误信息:我写错啦,删掉删掉
<font color="green">我是原谅绿,我是和Html标签一起使用的</font>
<font color="green">我是加粗原谅绿</font>
<font color="green">我是斜斜的原谅绿</font>
<font color="green">标签内添加Html是没有效果的哦</font>
标记:
**粗字体** 和 *斜体* 和 `添加标签`
**`添加标签粗体`**
*`添加标签斜体`*
我要删除之前写过的错误信息:~~我写错啦,删掉删掉~~
<font color="green">我是原谅绿,我是和Html标签一起使用的</font>
**<font color="green">我是加粗原谅绿</font>**
*<font color="green">我是斜斜的原谅绿</font>*
`<font color="green">标签内添加Html是没有效果的哦</font>`
标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
共有6个级别的标题
标记:
#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题
文字引用
鲁迅说过,吃饭拌肉汁,吃嘛嘛香
拿破仑说过,不喜欢吃麻辣烫的士兵不是好士兵
标记:
>鲁迅说过,吃饭拌肉汁,吃嘛嘛香
>拿破仑说过,不喜欢吃麻辣烫的士兵不是好士兵
段落首行缩进
首行缩进这个有必要说一说,markdown主要面向英文文档,所以没有特殊的'首行缩进'语法。在文本编辑器里面我们一般用一个Tab
键,再不济就用空格
,我们来看一下Tab
和空格
在markdown中的效果。
Tab键的效果:
这是Tab
键产生的效果;不要怀疑,我确实加了一个Tab键,但是他喵的怎么看不到效果呢。还有,请勿乱用2个Tab
键,2个Tab
键绝不会出现缩进的效果,下面会说到2个Tab
键是代码块。就像下面这样:
如果你离上一行之间有一行空行,那么2个Tab
键就是一块代码块。不要怀疑,这就是一块代码块,这块代码块的背景是有淡淡的灰色的,如果你看不到,那可能是你显示器太亮了,代码块里面``(也就是我们添加标签的效果,也不会生效的)
空格键的效果:
这是空格键的效果;好像也没有效果
上面的两种方法都没有效果,现在告诉大家一个方法。很简单,加上就好(简书不支持,很多blog都不支持)
真正的首行缩进
这是真的首行缩进哦。
标记:
这是真的首行缩进哦。
链接
1、链接到网站
如果想要调用链接外链接:百度,格式是[显示内容](链接地址)
标记:
如果想要调用链接[外链接:百度](http://www.baidu.com)
2、展示图片
展示图片的标记格式也和链接到网站的标记格式差不多
![图片描述](图片地址)
标记:
![图片](http://upload-images.jianshu.io/upload_images/8072107-d3804a97697b64df.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
列表
1、无序的列表
- -生成的列表
- 子列表1(前面有一个Tab)
- 我(前面有一个Tab)
- 很(前面有两个Tab)
- 好(前面有三个Tab)
- 看(前面有四个Tab)
- 好(前面有三个Tab)
- 不好看
- 很(前面有两个Tab)
- 子列表2
- *生成的列表1
- *生成的列表2
- +生成的列表1
- +生成的列表2
-、*、+
可以生成列表的符号,-、*、+
后要加上空格
才会生效,子列表前面要加上Tab
键,生成子列表的关键就是加上Tab
标记:
- -生成的列表
- 子列表1(前面有一个Tab)
- 我(前面有一个Tab)
- 很(前面有两个Tab)
- 好(前面有三个Tab)
- 看(前面有四个Tab)
- 不好看
- 子列表2
* *生成的列表1
* *生成的列表2
+ +生成的列表1
+ +生成的列表2
2、有序的列表
- 有序列表一(文字前面有空格哦)
(1).我是子列表,但是我没有层级效果 - 有序列表二
- 有序列表三
数字加上.
再加上空格
,就变成了有序的列表。
标记:
1. 有序列表一(文字前面有空格哦)
(1).我是子列表,但是我没有层级效果
2. 有序列表二
3. 有序列表三
3、有序有层级列表
- 1.有序列表一
- 1.1 我是子列表,我有层级效果
- 1.2
- 2.有序列表二
- 3.有序列表三
哈哈,这是我自己想出来的,无序列表上加上数字;如果真的是要数字区分就可以这么做。
标记:
- 1.有序列表一
- 1.1 我是子列表,我有层级效果
- 1.2
- 2.有序列表二
- 3.有序列表三
表格
星期 | 1 | 2 | 3 | 4 | 5 | 6 | 7 |
---|---|---|---|---|---|---|---|
早餐 | 香蕉牛奶燕麦粥 | 皮蛋瘦肉粥 | 蜂蜜小蛋糕 | 灌汤包 | 南瓜饼 | 肉末蛋羹 | 豆浆油条 |
中餐 | 爆炒鸡肝 | 笋干炒肉 | 箩卜炒肉 | 剁椒鱼头 | 葱油蛏子 | 风味蹄筋 | 珍珠丸子 |
晚餐 | 牛肉砂锅 | 虾皮炒海带 | 牛肉炒西芹 | 芝麻豆腐 | 香菇炒肉 | 土豆丝饼 | 叉烧肉 |
标记:
|星期|1|2|3|4|5|6|7|
|---|---|---|---|---|---|---|---|
|早餐|香蕉牛奶燕麦粥|皮蛋瘦肉粥|蜂蜜小蛋糕|灌汤包|南瓜饼|肉末蛋羹|豆浆油条|
|中餐|爆炒鸡肝|笋干炒肉|箩卜炒肉|剁椒鱼头|葱油蛏子|风味蹄筋|珍珠丸子|
|晚餐|牛肉砂锅|虾皮炒海带|牛肉炒西芹|芝麻豆腐|香菇炒肉|土豆丝饼|叉烧肉|
生成目录
1、自动生成目录
(简书不支持)
[TOC]
标记:
[TOC]
代码块
代码块可能由于网站的支持不同,会有不同的效果,但是代码块有三种书写的方式
1、Tab代码块
1、这是代码块,2个tab,这种代码块是没有行数的
4、看!
8、果然没有行数
虽然看不到,但是前面是2个'Tab'
标记:
'Tab''Tab'1、这是代码块,2个tab,这种代码块是没有行数的
'Tab''Tab'4、看!
'Tab''Tab'8、果然没有行数
没有'Tab'的:
1、这是代码块,2个tab,这种代码块是没有行数的
4、看!
8、果然没有行数
2、加强代码块
加强的非特定语言的代码块
标记:(直接写出标记语言会变为代码块,我在前面加上了"/"):
/```
加强的非特定语言的代码块
/```
3、特定的代码块
特定的的代码块也可能由于网站的支持不同,会有不同的效果,也就是加上代码块的名字如````java`
public static void main(String[] args){
System.out.println("这是java语言代码块");
}
标记(直接写出标记语言会变为代码块,我在前面加上了空格):
/ ```java
public static void main(String[] args){
System.out.println("这是java语言代码块");
}
/```
如```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
更多语法参考:流程图语法参考
标记(直接写出标记语言会变为代码块,我在前面加上了空格):
```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
特定的代码块能生成很多图形如`序列图`、`甘特图`等等,请看[Cmd Markdown](https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#7-流程图)
[initLink]:http://www.163.com