将markdown标记换成html标签,Markdown常用标记

目录

[TOC]

超级好用的Markdown

Markdown是一种标记语言,超级好用超级给力,让我们不用过于关心所编写的文档的格式,用简单的标记语言就能写出漂亮的文档。比如:

漂亮的代码块

Markdown不需要像其他编程语言一样安装什么环境,不需要像Html那样写标签

,简直方便的不得了。我们可以用随意的文档编辑器编写Markdown文档,完成后,还能迅速的将Markdown文档转化为PPT,Word文档,甚至粘贴到博客上面。Markdown用来写blog很好,很多博客网站都支持Markdown。

虽然说能用文本编辑器编写,但是初学者使用工具学习更为直观哦,写的同时就能看到效果,我使用Cmd Markdown 写的,推荐一下,挺不错的。在网上搜索"markdown 编辑器",能搜到很多,选一款自己喜欢的吧。

下面我会告诉大家一些常用的,更详细的请看Cmd Markdown。

阅读指南

下面的每个例子一般都分为三个部分,效果展示、说明部分、标记部分。

效果展示展示markdown生成在页面上的效果;

说明部分会说明易忽略的标记部分,对标记进行说明,如果标记十分简单,也许不会有这一部分;

标记部分会展示前面效果展示的markdown标记的写法,如果有特殊的地方我会标注上,比如空格和Tab,这两个标记是缩进用的,但是在文本上不明显。下面我会特殊说明,

'空格'表示一个空格

'Tab'表示按一次Tab建

效果展示

列表

子列表

说明部分

列表可以用符号 *,+,- 生成;符号后面要加上空格哦

标记部分

标记:

-'空格'列表

'Tab'-'空格'子列表

(上面很不直观,下面的很直观,有空格和Tab的地方我会做说明)

- 列表

- 子列表

字体与效果

(简书不支持嵌入html)

粗字体 和 斜体 和 添加标签

添加标签粗体

添加标签斜体

我要删除之前写过的错误信息:我写错啦,删掉删掉

我是原谅绿,我是和Html标签一起使用的

我是加粗原谅绿

我是斜斜的原谅绿

标签内添加Html是没有效果的哦

标记:

**粗字体** 和 *斜体* 和 `添加标签`

**`添加标签粗体`**

*`添加标签斜体`*

我要删除之前写过的错误信息:~~我写错啦,删掉删掉~~

我是原谅绿,我是和Html标签一起使用的

**我是加粗原谅绿**

*我是斜斜的原谅绿*

`标签内添加Html是没有效果的哦`

标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

共有6个级别的标题

标记:

#一级标题

##二级标题

###三级标题

####四级标题

#####五级标题

######六级标题

文字引用

鲁迅说过,吃饭拌肉汁,吃嘛嘛香

拿破仑说过,不喜欢吃麻辣烫的士兵不是好士兵

标记:

>鲁迅说过,吃饭拌肉汁,吃嘛嘛香

>拿破仑说过,不喜欢吃麻辣烫的士兵不是好士兵

段落首行缩进

首行缩进这个有必要说一说,markdown主要面向英文文档,所以没有特殊的'首行缩进'语法。在文本编辑器里面我们一般用一个Tab键,再不济就用空格,我们来看一下Tab和空格在markdown中的效果。

Tab键的效果:

这是Tab键产生的效果;不要怀疑,我确实加了一个Tab键,但是他喵的怎么看不到效果呢。还有,请勿乱用2个Tab键,2个Tab键绝不会出现缩进的效果,下面会说到2个Tab键是代码块。就像下面这样:

如果你离上一行之间有一行空行,那么2个Tab键就是一块代码块。不要怀疑,这就是一块代码块,这块代码块的背景是有淡淡的灰色的,如果你看不到,那可能是你显示器太亮了,代码块里面``(也就是我们添加标签的效果,也不会生效的)

空格键的效果:

这是空格键的效果;好像也没有效果

上面的两种方法都没有效果,现在告诉大家一个方法。很简单,加上就好(简书不支持,很多blog都不支持)

真正的首行缩进

这是真的首行缩进哦。

标记:

这是真的首行缩进哦。

链接

1、链接到网站

如果想要调用链接外链接:百度,格式是[显示内容](链接地址)

标记:

如果想要调用链接[外链接:百度](http://www.baidu.com)

2、展示图片

9219979a33e1?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片

展示图片的标记格式也和链接到网站的标记格式差不多![图片描述](图片地址)

标记:

![图片](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)

不好看

子列表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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值