美文网首页
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

    相关文章

      网友评论

          本文标题:Markdown常用标记

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