• Markdown编辑器语言——30分钟入门到到精通


    一、简要说明

    • 开篇说明
      其实吧这是我人生中写的第一篇博客,我也不知道怎么排版和编辑让博文显示的更加美观,现在正在学Markdown编辑语法,也是刚刚学编程的一个小菜鸟,目前是大二的在校生,我的初衷是把我平时所学的知识都像做笔记一样写下来,让以后在学习更多知识的时候回来一看,旧的知识就可以巩固回来了,至少不会因为学了新的忘了旧的。
      我下的定决心要写博客的时候,是受一位同校学长的影响。他的个人学习的笔记都是整理得很好记,分的很明确,我内心也有点触动了,感觉吧学一样东西就该好好学习。知识学一遍是知识,学两遍可能常识了,温故而知新!

    • Markdown编辑器简介

      Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

    • Markdown的优点

      • 有编程一样的体验
      • 可读,直观,适合所有人的写作语言
      • 不用关心排版,专注于编写文字
      • 导出为PDF、HTML格式的文档
    • 工具下载

      我个人觉得还是在线的好,当然也可以用客户端都一样
      在线使用: 点我打开
      各个系统版本客户端:点我下载 提取码:7r4s

    二、进入正题

    1、标题
    使用 # 号标记
    使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。

    #一级标题
    ##二级标题
    ###三级标题
    ####四级标题
    #####五级标题
    ######六级标题

    展示:

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    2、字体

    >  *我是斜体*  两边各用一颗星包裹
    >  **我是粗体** 两边各用两颗星包裹
    >  ***我是斜体加粗*** 两边各用三颗星包裹
    

    效果:
    我是斜体
    我是粗体
    我是斜体加粗

    3、分隔线
    你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

    ***
    * * *
    *****
    - - -
    ----------

    效果:










    4、列表
    Markdown 支持有序列表和无序列表。

    1. 无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记

    * 第一项
    + 第二项
    - 第三项

    效果:

    • 第一项
    • 第二项
    • 第三项

    1. 有序列表用数字加(.)号来表示的
    1. 第一项
    2. 第二项
    3. 第三项

    效果:

    1. 第一项
    2. 第二项
    3. 第三项

    5. 列表嵌套
    列表嵌套只需在子列表中的选项添加四个空格(相当于一个缩进)即可:

    1. 第一项
      - 第一项嵌套的第一个元素
      - 第一项嵌套的第二个元素
    2. 第二项
      - 第二项嵌套的第一个元素
      - 第二项嵌套的第二个元素

    效果:

    1. 第一项
      • 第一项嵌套的第一个元素
      • 第一项嵌套的第二个元素
    2. 第二项
      • 第二项嵌套的第一个元素
      • 第二项嵌套的第二个元素

    6、区块的引用
    Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号,还可以和有序列表和无序列表嵌套一起使用,可以看到我展示代码也是写在区块里面的:

    > 这是一个区块
    >> 这是第二层区块
    >>> 这是第三层区块

    效果:

    这是一个区块

    这是第二层区块

    这是第三层区块

    7、代码高亮
    可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定):

    ```javascript
    $(document).ready(function () {
    alert('RUNOOB');
    });

    
    效果:
    ```javascript
    $(document).ready(function () {
        alert('RUNOOB');
    });
    

    8、图片和链接

    1. 链接的使用方法如下:

    [链接名称](链接地址)
    或者
    <链接地址> 比如: 这是一个链接 [百度一下](https://www.baidu.com)

    效果:
    这是一个链接 百度一下
    2. 图片的使用方法:
    Markdown 图片语法格式如下:

    • ![alt 属性文本](图片地址)
    • ![alt 属性文本](图片地址 "可选标题")

    frist_list

    9、表格
    Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
    语法格式如下:

    | 表头 | 表头 |
    | ---- | ---- |
    | 单元格 | 单元格 |
    | 单元格 | 单元格 |

    效果:

    表头 表头
    单元格 单元格
    单元格 单元格
    • 对齐方式
      我们可以设置表格的对齐方式:
    • -: 设置内容和标题栏居右对齐。
    • :- 设置内容和标题栏居左对齐。
    • :-: 设置内容和标题栏居中对齐。

    实例:

    左对齐 右对齐 居中对齐
    单元格 单元格 单元格
    单元格 单元格 单元格

    10、高级技巧
    转义
    Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

    *文本加粗**
    * 正常显示星号

    展示效果:
    文本加粗
    ** 正常显示星号 **

    • 还有一些数学公式 和其他技巧就不一一列举了,如有用到可以百度查找
  • 相关阅读:
    easy-animation | Animation for Sass
    UC手机浏览器(U3内核)相关文档整理
    视差滚动(Parallax Scrolling)的一点小心得
    MVC Filter 返回json格式
    Jquery 实现左右两侧菜单添加、移除
    .Net 发送邮件
    Request.From,Request.QueryString转对象
    DataTable转List,转对象
    SQL Table 自动生成Net底层-控制器Autofac注入
    SQL Table 自动生成Net底层-生成业务层Service
  • 原文地址:https://www.cnblogs.com/lpss-75074038/p/10616666.html
Copyright © 2020-2023  润新知