zoukankan      html  css  js  c++  java
  • 走近Markdown


    当我们在写博客或者写文章时,有时候会因为需要关注文章的排版而不能够专注的写文,Markdown易读易写的特点就恰恰解决了我们这个痛点


    A-Markdown是什么?

    • 它是由John Gruber 开发的一种标记语言
    • 它应用于文档快速排版,通过标记语法,使普通文本内容具有一定的格式

    B-Markdown怎么用

    常用标记
    • 分级标题
    • 文字修饰
    • 分隔符
    • 列表
    • 插入图片
    • 插入链接
    • 引用
    • 行内代码
    • 表格
    1-细看标题的用法
    类 Setext 式 类 atx 形式
    用底线的形式,利用 = (最高阶标题)和 - (第二阶标题) 在行首插入 1 到 6 个 # ,对应到标题 1 到 6

    例如:

    一级标题
    =======
    二级标题
    ------------
     # 一级标题
    ### 三级标题
    ........
    
    2-细看文字修饰

    在Markdown中,可以使用 * 和 _ 来表示斜体和加粗

    • 斜体:
      斜体 或者_ _斜体 __
    • 加粗:
      在四个*或者四个_之间加上文字

    温馨提示:*和_都必须成对使用

    3-细看分隔符

    分割线:

    1. 可以在一行中使用三个或更多的 *、- 或 _ 来添加分隔线

    2.多个字符之间可以有空格(空白符),但不能有其他字符

    4-细看列表

    有序列表:

    有序列表以数字和 . 开始

    无序列表:

    1.可以使用 * 作为标记
    2.也可以使用 + 或者 -
     

    5-细看插入链接

    行内式:

     [链接文字](链接地址)
    

    例如:

    [goole](http://www.goole.com)
    

    效果:goole


    参考式:

    [链接名称1][1]、[链接名称2][2]
    [1]:链接地址1
    [2]:链接地址2
    

    自动链接:
    <链接地址>
    例如:

    <http:www.jianshu.com>
    

    效果:http://www.jianshu.com

    6-细看插入图片

    行内式:

    ![](图片地址 “图片Title”)
    

    参考式:

    1-在文档要插入图片的地方写![图片Alt][标记]

    2-在文档的最后写上[标记]:图片地址 “Title”

    7-细看引用
    在文字前加上">"即可
    
    8-细看行内代码

    ps:插入程序代码的方式有两种,一种是利用Tab, 另一种是利用`包裹代码
    行内式:

    `printf("hello,world!)`
    

    效果:printf("hello,world!)

    9-细看表格
    First Header | Second Header
    ------------ | -------------
    Content from cell 1 | Content from cell 2
    Content in the first column | Content in the second column
    效果如下
    
    First Header Second Header
    Content from cell 1 Content from cell 2
    Content in the first column Content in the second column

    C-安利几款Markdown编辑器

    • 有道云笔记 简书
    • Typora

    D-参考资料

  • 相关阅读:
    Swift -- Swfit 笔记
    web -- CSS 图片宽高不固定的垂直居中方法
    web -- Angularjs 笔记2
    web -- Angularjs 笔记
    web -- Angularjs 备忘录应用
    Swift -- swift 函数代码
    Swift -- 创建空数组和空字典
    Linux -- FresBSD的镜像文件说明
    Linux -- ubuntu下安装程序的三种方法
    Linux -- Ubuntu 命令2
  • 原文地址:https://www.cnblogs.com/52HZ/p/6352358.html
Copyright © 2011-2022 走看看