美文网首页
Markdown常用标记

Markdown常用标记

作者: aamiu | 来源:发表于2017-09-23 21:05 被阅读0次

目录

[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、展示图片

图片
展示图片的标记格式也和链接到网站的标记格式差不多![图片描述](图片地址)
标记:
![图片](https://img.haomeiwen.com/i8072107/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).我是子列表,但是我没有层级效果
  2. 有序列表二
  3. 有序列表三

数字加上.再加上空格,就变成了有序的列表。

标记:
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

相关文章

  • 02、前置知识.md

    markdown markdown常用标记

  • markdown常用标记

    一级标题 二级标题 三级标题 六级标题 无序列表 无序列表 有序列表 有序列表 引用 链接测试 粗体斜体 代码块

  • Markdown常用标记

    目录 [TOC] 超级好用的Markdown Markdown是一种标记语言,超级好用超级给力,让我们不用过于关心...

  • markdown常用标记

    # 一级标题 一级标题 ## 二级标题 二级标题 ... ###### 六级标题 六级标题 * 无序列表 或者 -...

  • Markdown常用标记

    1. 标题 一级标题 二级标题 2. 分割线 3. 引用 引用嵌套引用 4. 字体 倾斜粗体倾斜加粗删除线 5. ...

  • 01、软件安装及配置

    markdown markdown常用标记 git/github 安装 git常用方法 远程同步示例 在线编辑器j...

  • Markdown标记-01常用标记

    1. 标题 使用 #表示标题 1.1 代码示例 # 一级标题## 二级标题### 三级标题#### 四级标题#...

  • Markdown语法-基础

    Markdown语法-基础 1. 标题 Markdown支持两种标题标记语法,我个人常用的是 # 井号标记,使用很...

  • markdown 入门指南

    Markdown 入门指南 导语 Markdown 是一种轻量级的「标记语言」常用的标记符号也不超过十个,这种相对...

  • MARKDOWN入门指南

    markdown 是什么 Markdown 是一种轻量级的「标记语言」。Markdown 的语法十分简单,常用的标...

网友评论

      本文标题:Markdown常用标记

      本文链接:https://www.haomeiwen.com/subject/kzqhextx.html