zoukankan      html  css  js  c++  java
  • Markdown基础语法,一篇就够了

    本文原文链接:
    https://blog.csdn.net/smilehappiness/article/details/105067651

    @

    前言

    这阵子,项目需要写接口文档,写博客也经常使用markdown语法,这次使用markdown编写接口文档,把使用心得做一下总结。人呢不能太懒惰,有时候总是眼高手低,感觉自己很熟悉,真正用起来不一定得心应手。以后还是得多学习,多总结,这样才能充实自己。

    markdown文件基础语法

    1.markdown介绍

    • Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
    • Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeX,Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。
    • Markdown的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho。
      用于编写说明文档,并且以“README.md”的文件名保存在软件的目录下面。摘自-百度百科

    2.功能快捷键

    撤销:Ctrl/Command + Z
    重做:Ctrl/Command + Y
    加粗:Ctrl/Command + B
    斜体:Ctrl/Command + I
    标题:Ctrl/Command + Shift + H
    无序列表:Ctrl/Command + Shift + U
    有序列表:Ctrl/Command + Shift + O
    检查列表:Ctrl/Command + Shift + C
    插入代码:Ctrl/Command + Shift + K
    插入链接:Ctrl/Command + Shift + L
    插入图片:Ctrl/Command + Shift + G
    查找:Ctrl/Command + F
    替换:Ctrl/Command + G

    快捷键速览

    功能 快捷键
    撤销 Ctrl + Z
    重做 Ctrl + Y
    加粗 Ctrl + B
    斜体 Ctrl + I
    标题 Ctrl + H
    无序列表 Ctrl + U
    有序列表 Ctrl + O
    检查列表 Ctrl + C
    插入代码 Ctrl + G
    插入链接 Ctrl + L
    插入图片 Ctrl + G
    查找 Ctrl + F
    替换 Ctrl + G
    引用 Ctrl + Q
    提升标题 Ctrl + H
    横线 Ctrl + R

    3.markdown基础语法

    3.1 分级标题

    合理的创建标题,有助于目录的生成。直接输入1次#,并按下space后,将生成1级标题。
    输入2次#,并按下space后,将生成2级标题。以此类推,markdown目前支持6级标题。

    大致效果,如下所示:
    在这里插入图片描述
    解析为html如下:
    在这里插入图片描述
    前面带#号,后面带文字,分别表示h1-h6,上图可以看出,只到h6注意,#号后面有空格

    推荐两个markdown在线编辑地址,可以用来查看实时效果:
    https://www.zybuluo.com/mdeditor
    https://tool.oschina.net/markdown/

    3.2 改变文本的样式

    在这里插入图片描述
    对应的效果:

    正常文本

    强调(倾斜)文本
    强调(倾斜)文本

    加粗文本
    加粗文本

    倾斜加粗文本
    倾斜加粗文本

    标记文本

    删除文本

    <u>下划线</u> 下划线

    引用文本

    以下两个写法,在csdn编译器可以友好的解析:

    在这里插入图片描述
    H2O is是液体
    210 运算结果是 1024

    3.3 华丽的分割线

    编写文档时,分割线也是不可少的。分割线可以由* - _(星号,减号,底线)这3个符号中,每种类型至少3个符号表示。
    注意:每种符号至少要3个以上(包含3个),且不需要连续,有空格也可以,但是行内不可以有其他内容,否则分割线无效。
    在这里插入图片描述







    3.4 插入链接

    支持2种链接方式:行内式和参数式,不管是哪一种,链接文字都是用 [方括号] 来标记。

    • 行内式链接
      链接
      在这里插入图片描述
      markdown里面有的可以混合使用,如:链接式列表
    • 参数式链接
      [param]: http://www.baidu.com
      这是参数式[param]链接,改写法不常用,主要使用上面那种方式
      在这里插入图片描述
    • 懒汉式链接
      Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来,Markdown 就会自动把它转成链接。当然啦,也可以直接写,也是可以自动显示成链接形式的 。
      如:www.baidu.com 或者 <www.baidu.com>,这种写法在csdn上不会生效。
      在这里插入图片描述

    3.5 插入图片

    • 插入互联网图片

    语法规则:![图片描述信息](图片网络存储路径)
    注意:这个图片描述可以不写。

    正常大小的图片
    在这里插入图片描述图片1

    带尺寸的图片: 在这里插入图片描述![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =50x50)

    居中的图片:
    在这里插入图片描述Alt

    居中并且带尺寸的图片: 主要pic_center和后边设置尺寸的“=”之间有空格
    在这里插入图片描述![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =50x50)

    • 插入本地图片链接
      在这里插入图片描述

    3.6 引用

    在被引用的文本前加上>符号,以及一个空格就可以了,如果只输入了一个>符号会产生一个空白的引用,可以有多个。

    注意:是英文的那个右尖括号,注意空格

    3.7 列表

    • 无序列表
      使用 *+- 表示无序列表。
      注意:符号后面一定要有一个空格,起到缩进的作用。
      在这里插入图片描述

    一个tab键,会有不同效果

    • 项目3
      • 项目3
        • 项目3
      • 项目3
        • 项目3
          • 项目3
            • 项目3
        • 项目3
          在这里插入图片描述
    • 有序列表
      使用数字和一个英文句点表示有序列表。
      注意:英文句点后面一定要有一个空格,起到缩进的作用。
      在这里插入图片描述

    • 可选列表

      • [ ] a
      • [X] b
      • [ ] c
        注意:[]之间要有一个空格
        在这里插入图片描述
    • 列表和其它要素混合使用
      列表不光可以单独使用,也可以和其他的 Markdown语法混合使用,如:标题、引用、代码区块等,感兴趣的可以自己多试试。
      在这里插入图片描述

    3.8 转义

    基本上跟js语法转义是一样的
    在这里插入图片描述

    3.9 代码块

    这个就比较重要了,写接口文档时,肯定有请求参数,和返回参数,这时候都需要展示出一些代码。
    用三个英文式的反引号(```),如果要写注释,可以在反引号后面写
    如下图所示:
    在这里插入图片描述

    • 代码块里面包含html代码
      在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码,只需要复制贴上,剩下的 Markdown 都会帮你处理。
      注意:简书代码块里不支持html。

    示例如下:
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200325131724842.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NtaWxlaGFwcGluZXNz,size_16,color_FFFFFF,t_70 =500x300)

    3.10 创建一个表格

    • 一个简单的表格是这么创建的:
      在这里插入图片描述
    项目 Value
    电脑 $1600
    手机 $12
    导管 $1
    • 设定内容居中、居左、居右
      使用:---------:居中
      使用:----------居左
      使用----------:居右

    在这里插入图片描述

    第一列 第二列 第三列
    第一列文本居中 第二列文本居右 第三列文本居左

    常用的基本语法,基本上就这些了,掌握了以上说的,markdown就差不多够用了。

    写博客是为了记住自己容易忘记的东西,另外也是对自己工作的总结,希望尽自己的努力,做到更好,大家一起努力进步!

    如果有什么问题,欢迎大家一起探讨,代码如有问题,欢迎各位大神指正!

    给自己的梦想添加一双翅膀,让它可以在天空中自由自在的飞翔!

  • 相关阅读:
    敏捷开发
    开撕队-软件需求规格说明书
    开撕队前来问候
    Four-operations: 使用node.js实现四则运算程序
    wordcount
    编码的故事转载2018-02-28更新
    MySQL学习笔记2018-02-07更新
    Linux各文件及目录说明2018-03-01更新
    Linux安全运维笔记2018-03-01更新
    jQuery实现商品五星评价
  • 原文地址:https://www.cnblogs.com/summary-2017/p/12827134.html
Copyright © 2011-2022 走看看