Markdown的学习笔记一

时间:2023-03-09 09:34:43
Markdown的学习笔记一

  之前学习看些书籍、学些技术都喜欢用xmind做思维导图的笔记,慢慢的发现想把一些笔记做的详细一些就会变得很复杂,个人觉得误了思维导图本意,而且用手机查看的时候也各种不方便。所以开始学习使用markdown做笔记,越发的觉得很赞,手机查看也方便很多,尤其md中的[TOC],可以根据文档内容自动生成菜单很赞!目前在使用有道云配合md做一些学习记录,为了方便记录一些md的语法于此。欢迎大家补充指正!

一、what

  Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,可以使普通文本内容具有一定的格式。

二、why

  Markdown的语法简洁明了、学习容易、功能比纯文本更强;同时具有一系列的衍生版本,用于扩展其功能,以及各种相应的编辑器可以快速的将Markdown转化为PPT、Word产品文档等。。。

三、how

  基础语法:

  1、标题

    标题能显出文章的结构,行首插入1~6个 # ,类似 h1~h6 标签。

    # Header1
    ## Header2
    ### Header3
    #### Header4
    ##### Header5
    ###### Header6

    显示效果: 

  Header1

     Header2

        Header3

          Header4

            Header5
       Header6

    注:需要在#号后加一个空格然后再写标题内容。

  2、文本样式

    加粗:**Blod**                               样式效果:Blod

    斜体字: *Italics*                           样式效果:Italics

    斜体加粗: ***Italics***                  样式效果:Italics

    删除线: ~~delete~~                     样式效果:delete

     高亮: ==高亮==                            样式效果:高亮

  3、引用

    在引用的内容前面加 > 即可,引用是可以嵌套的,每一次嵌套只需要多加一个 > 。

    示例:

    >第一层引用
    >>第二层引用
    >>>第三层引用

    样式效果:

    Markdown的学习笔记一

  4、分割线

    三个或三个以上的 " - " 或者  " * ",都可以实现分割线。

    示例:

    ------

    *****

    样式效果:

    Markdown的学习笔记一

  5、有序列表和无序列表

    5.1 无序列表

    语法:无序列表用" - "," + "," * ",任意一种都可以,要在符号之后加一个空格,列表是可以嵌套的,嵌套时在子集列表前加三个以上的空格。

    示例:

    - 一级菜单1
    - 一级菜单2
       - 二级菜单1
       - 二级菜单2
    - 一级菜单3

    显示效果:

  Markdown的学习笔记一

    5.2 有序列表

    语法:有序列表就是用数字加点,同样序号和内容之间要用空格隔开,嵌套也同无序列表一样。

    示例:

    1. 一级列表
      1. 二级列表
      2. 二级列表
    2. 一级列表
      - 二级列表
      - 二级列表
    3. 一级列表

    显示效果:

  Markdown的学习笔记一

  6、图片

    语法:![图片](图片地址 " 图片title ")

    注:图片alt --- 图片的alt标签,用来描述图片的关键字,最初是当图片不能显示时出现的替代文字,后来被用于SEO,方便搜索引擎根据关键字找到图片。

      图片地址可以是网络地址,也可以是文件路径。

      图片title是图片的标题,当鼠标移到图片上时显示的内容,非必需项。

    示例:

    ![lufei](http://gss0.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/060828381f30e92435342faf44086e061c95f798.jpg "海贼王-路飞")

    显示效果:

    Markdown的学习笔记一

  7、超链接

    超链接的语法与图片的语法类似,只是不包含 " ! ",点击可以进行页面跳转。

    语法:[title](url)

    示例:

    [百度](https://www.baidu.com/)

    显示效果:

    百度

  8、代码块

    8.1 单行代码: 代码前后分别用反引号包裹起来

    示例: `alert(111)`

    显示效果:

Markdown的学习笔记一

    8.2 多行代码:代码前后分别用三个反引号包裹起来,且反引号单独占一行

    示例:

    ```
    alert(111);
    alert(222);
    ```

    显示效果:

    Markdown的学习笔记一

  9、表格

  语法:

    表头|表头|表头

    -----|:----:|:-----|

    内容|内容|内容

    内容|内容|内容

  解释:

    第二行分割表头和内容,文字默认居左;

    " - "  有一个就行,为对齐,可以多加几个;

    " - " 两边加" : "  表示文字居中;

    " - " 如果只有一边加" : ",就表示文字靠哪边对齐。

    注:原生语法要求两边都要用" | "包起来。

  示例:

    姓名|性别|爱好
    ----|:--:|:---|
    张三|男|游泳
    Jack|男|篮球
    vicky|女|跳舞

  显示效果:

      Markdown的学习笔记一

  敬请期待后续内容。。。。。。。。