Markdown常用标记


目录

超级好用的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)
粗字体斜体添加标签
添加标签粗体
添加标签斜体
我要删除之前写过的错误信息:我写错啦,删掉删掉
我是原谅绿,我是和Html标签一起使用的
我是加粗原谅绿
我是斜斜的原谅绿
<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://gitee.com/amius/learngit/raw/master/%E5%A4%B4%E5%83%8F.jpg)

列表

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]

代码块

代码块可能由于网站的支持不同,会有不同的效果,但是代码块有三种书写的方式

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语言代码块");
 }
 /```


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM