Markdown基本语法

hello,大家好,我是谢佳宇,今天我们来讲讲Markdown的基本用法。

首先,从编辑器说起,Markdown同js、html、Python一样,都是任何编辑器可读写的语言格式,因此,你无需考虑兼容性问题。现在,我们说说语法规范

  • 首先是标题,标题有6种大小样式,用星号表示,星号后加一个空格才可以输入,下面是示范,左侧为显示效果,右侧为代码

    一级标题 # 一级标题

    二级标题 ## 二级标题

    三级标题 ### 三级标题

    四级标题 #### 四级标题

    五级标题 ##### 五级标题
    六级标题 ###### 六级标题
  • 然后,再来说说文字的格式,正常文字输入即可,下面说一下一些特殊的格式
    • 斜体文本:*斜体文本*_斜体文本_
    • 粗体文本:**粗体文本**__粗体文本__
    • 粗斜体文本:***粗斜体文本***___粗斜体文本___
    • 高亮文本:`高亮文本`
    • 带有删除线的文本:~~带有删除线的文本~~
    • 带有下划线的文本:<u>带有下划线的文本</u>
    • 带有白框的文本:<kbd>带有白框的文本</kbd>
  • 接着,是代码区块
    使用”```”符号在代码上下作为呼应或空一行再用”Tab”键或四个空格然后写入代码,如下图
    1
    abc
  • 之后,是段落格式
    • 首先,换行需要使用两个空格+一个回车,或回车后再回车,代码如下。
      1
      2
      3
      4
      5
      6
      abc  
      abc
      或:
      abc

      abc
      效果如下:
      abc
      abc
    • 说完了换行,接着说说文本列表的使用
      文本列表可用可用”*”或”+”或”-“和一个空格连接使用,但本人不建议用后两项,易与其他符号相关联,代码如下:
      1
      2
      3
      * abc
      + abc
      - abc
      效果如下:
  • abc
  • abc
  • abc
    • 然后,关于这个列表还有一种晋级用法,分列表,也就是在一项一级列表中的下一行空四个空格或按下”Tab”键,代码如下:
      1
      2
      3
      * abc
      *abcd
      * abcde
      效果如下:
  • abc

    • abcd
      • abcde
    • 接着,说说区块引用的方法,用>和一个空格表示,有几行前缀就写几行,换行时在文字后加入2个空格,代码如下:
      1
      2
      3
      > abc  
      > abc
      > abc
      效果如下:

      abc
      abc
      abc

    • 当然,区块引用也是支持嵌套的,一个>符号是最外层,两个>符号是第一层嵌套,中间加一个空格,以此类推,代码如下
      1
      2
      3
      > abc
      > > abcd
      > > > abcde
      效果如下:

      abc

      abcd

      abcde

  • 接着,是链接和图片的使用

    • 先说链接,第一种,直接使用链接,用”<>”中插入链接即可,这里不做演示。
    • 第二种,文字中包含超链接,做个示范:
      1
      [百度](https://www.baidu.com)
      效果如下:
      百度
    • 然后说说图片,格式为一个叹号+[文本,可不填]+(图片地址 “可选标题”)
      代码如下:
      1
      ![百度图标](https://www.baidu.com/img/flexible/logo/pc/result.png)
      效果如下:
      百度图标
    • 最后,说说二者结合的方法,点击图片出现链接,结构为叹号+文本+图片地址+可选标题+链接地址
      1
      [![百度](https://www.baidu.com/img/flexible/logo/pc/result.png "百度图标")](https://www.baidu.com)
      效果如下:(图片可点击)
      百度
    • 其实如果编辑器比较新的话也可以使用html的<img>标签,还可以调整图片长度和宽度,十分可靠,代码如下:
      1
      <img src="https://www.baidu.com/img/flexible/logo/pc/result.png" width="200" height="65">
      效果如下:
  • 然后,是表格,表格这种东西较为有特色,不像html中tr来控制像素宽度,只需描述出轮廓即,使用|来分隔不同的单元格,使用-来分隔表头和其他行,使用-:设置内容和标题栏居右对齐;使用:-设置内容和标题栏居左对齐;使用:-:设置内容和标题栏居中对齐,示例如下:

    1
    2
    3
    4
    |左对齐|右对齐|居中对齐|
    |:-----|----:|:----:|
    |文本内容|文本内容|文本内容|
    |文本内容|文本内容|文本内容|

    效果如下:

    左对齐右对齐居中对齐
    文本内容文本内容文本内容
    文本内容文本内容文本内容
  • 最后,说几个Markdown小技巧

    • 分割线可用**** * ******- - -----------表示,效果如下:

    • 如果非要显示特殊符号的原是格式,可在特殊符号前加入反斜杠,即”\“,比如若要显示”<html>”,则代码应为\<html>
    • 在博客生成器(如hexohugoJekyll)中可以在截断的地方加入<!--more-->我的博客本身就是个很好的例子,这里不再多做示范
    • Markdown也支持一些早期的html元素,如<img>、<kbd>、<b>、<i>、<em>、<sup>、<sub>、<br>等
作者

谢佳宇

发布于

2024-08-11

更新于

2024-08-22

许可协议

评论