美文网首页
Markdown 写作使用技巧篇

Markdown 写作使用技巧篇

作者: 小猴子兵兵兵 | 来源:发表于2019-11-14 11:55 被阅读0次

    简介

    Markdown 是一种用来写作的轻量级 标记语言,它用「标记」语法,来代替常见的排版格式。它可以轻松的导出 HTML、PDF 和本身的 .md 文件。
    主要涉及到的功能如下:

    1. 标题
    2. 列表
    3. 分割线
    4. 引用
    5. 修改文字的颜色
    6. 斜体、加粗、斜体加粗
    7. 图片、链接、脚注
    8. 代码块
    9. 表格
    10. 调整插入图片的大小
    11. 空格
    12.上标 和下标
    13.任务列表
    14.公式
    

    1. 标题

    用来区分文章中主题的层次。
    Markdown中使用#来区分1-6级标题。如下

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

    效果如下:

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    2. 列表

    1)有序列表

    在文本前面加上 数字 + . 例如:1. 就可以了

    1. 打开冰箱门
    2. 把大象放进冰箱
    3. 关上冰箱门
    

    效果如下:

    1. 打开冰箱门
    2. 把大象放进冰箱
    3. 关上冰箱门

    2)无序列表

    在文本前面加上 - 或者 +或者 * 就可以了

    * 看书
    * 听歌
    * 打游戏
    

    效果如下:

    • 看书
    • 听歌
    • 打游戏
      注意事项:
    1. 无序列表的项目符号可使用 *,+,- 效果是相同的。
    2. 列表与后续内容之间需要一个空行隔开,即:列表是一个段落
    3.列表允许多层次嵌套
    4.可以在项目中包含段落,只需将段落前添加一个 tab 或 4 个空格
    

    3. 分割线

    使用 连续三个或以上的 -或* 即可得到一个分割线

    ***
    

    效果如下:


    4. 引用

    在行头加上 > 即可

    > 这里是一段引用
    

    效果如下:

    这里是一段引用

    5. 修改文字的颜色

    $\color{red}{字体颜色}$ 
    # rgb十六进制或十进制形式
    $\color{#008000}{字体颜色}$
    $\color{rgb(0,0,255}{字体颜色}$
    

    效果图如下:
    \color{red}{字体颜色}
    \color{#008000}{字体颜色}
    \color{rgb(0,0,255)}{字体颜色}

    6. 斜体、加粗、斜体加粗、删除线

    斜体 就是在文字前后各加一个*(或_)就👌了
    加粗 就是在文字前后各加两个**(或2个_)就👌了
    斜体加粗 就是在文字前后各加三个***(或3个_)就👌了
    使用前后各 2 个 ~ 包含的文字是删除文字

    *斜体* 
    **加粗**
    ***斜体加粗***
    ~~删除线~~
    

    效果图如下:
    斜体
    加粗
    斜体加粗
    删除线

    7. 图片、链接、脚注

    1)链接

    写法1:[显示文本](链接地址)

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

    效果如下:
    百度

    写法2:<链接地址>

    <https://www.baidu.com/>
    

    效果如下:
    https://www.baidu.com/

    写法3:链接和地址分离的方式
    [链接名称][链接id]
    [链接id]:链接 url 地址 "链接 title"
    链接 id 可使用字母、数字、空格,但不区分大小写

    [百度][baidu]超过千亿的中文网页数据库,可以瞬间找到相关的搜索结果。
    
    [baidu]: https://www.baidu.com/
    

    效果如下:
    百度超过千亿的中文网页数据库,可以瞬间找到相关的搜索结果。

    2)图片

    [图片上传失败...(image-e9ed82-1573703735296)]

    ![图片](https://img.haomeiwen.com/i2167225/addb6220a3b5ecf9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300)
    

    效果如下:


    图片

    3)脚注

    为名词提供注释,注释将显示在文章末尾。
    待解释文字[^脚注 id]
    [^脚注 id]:注释内容
    脚注 id 必须唯一
    无论脚注 id 如何起名,显示时一律标为数字,并且按出现顺序排列。

    Hello 程序[^hello]
    
    [^hello]:即:Hello, world 程序
    

    效果如下:
    Hello程序[1]

    8. 代码块

    1)行内代码块

    使用两个 ` 将代码包含起来

    `Hello, world`
    

    效果如下:
    第一句程序代码 Hello, world

    2)多行代码块

    只需要每行都缩进 4 个空格即可,或者使用```框起来。
    效果如下:

     Hello, world
    

    9. 表格

    • 第一行为表头,第二行分隔表头和主体部分,第三行开始每一行为一个表格行。
    • 列于列之间用管道符 | 隔开。表格每一行两边的管道符可省略。
    • 第二行还可以为不同的列指定对齐方向。标题默认为居中对齐,内容默认为左对齐;在 - 左边加上 : 就是左对齐;在 - 右边加上 : 就是右对齐;在 - 两边都加上 : 就是居中对齐。
    | Tables        | Are           | Cool  |
    | ------------- |:-------------:| -----:|
    | col 3 is      | right-aligned | $1600 |
    | col 2 is      | centered      |   $12 |
    | zebra stripes | are neat      |    $1 |
    
    

    效果如下:

    Tables Are Cool
    col 3 is right-aligned $1600
    col 2 is centered $12
    zebra stripes are neat $1

    10.加入图片后,调整图片大小

    这时候,根据需要再手动修改末尾的宽度参数以调整显示尺寸才是有效的。

    [图片上传失败...(image-e45841-1573703735296)] // 修改500这个数值
    

    11.空格

    编辑器中直接使用空格键并不能生效,我们可以使用HTML提供的5种空格实体(space entity)来实现,它们拥有不同的宽度,具体说明如下:

    &nbsp;
    不换行空格,全称No-Break Space,它是最常见使用最多的空格,该空格占据宽度受字体影响明显而强烈。
    
    &ensp;
    “半角空格”,全称是En Space,en是字体排印学的计量单位,为em宽度的一半。它等同于字体度的一半(如16px字体中就是8px)。
    其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。
    
    &emsp;
    “全角空格”,全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。
    其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。
    
    &thinsp;
    窄空格,全称是Thin Space。占据的宽度比较小。它是em之六分之一宽。
    

    12.上标 和下标

    上标:^内容^
    下标:~内容~
    例如:
    1. 上标: H^2^O    
    2. 下标: H~2~O
    

    效果如下:

    1. 上标: H2O
    2. 下标: H2O

    13.任务列表

    • 已完成:- [x] + 内容
    • 未完成:- [ ] + 内容
      支持多个任务 嵌套
    1. 未完成任务
    - [ ] 10个俯卧撑
    2. 已完成任务
    - [x] 3篇英文阅读
    

    效果如下:

    1. 未完成任务
      • 10个俯卧撑
    2. 已完成任务
      • 3篇英文阅读

    14.公式

    Markdown 支持 LaTeX 语法,可以实现行间公式和独立公式块,公式的写法和 LaTeX 语法一样,具体格式如下
    行间公式:$ + 公式 + $
    独立公式块:$$ + 公式 + $$

    1. 行间公式
        $x_1+x_2=0$
    2. 独立公式块
        $$x^2+y^2=0$$
    
    1. 行间公式
      x_1+x_2=0
    2. 独立公式块
      x^2+y^2=0

    1. 即:Hello, world 程序

    相关文章

      网友评论

          本文标题:Markdown 写作使用技巧篇

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