程序猿必学——Markdown语法


字数:839 阅读时长:3分钟 阅读:85

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式,从而让文本易读易写,增强可读性。
因此,Markdown被广泛的应用于个人博客GithubCoding等具有大量文本的交流学习网站。

Markdown


标题

  • 标题有六级,分为一级、二级…到五级、六级,类似于HTML中的h1-h6标签,标题文字前加#号,一级前边就是一个#,六级前边就是六个#,以此类推。
  • 提示:#与后边文字中间要加上一个空格
    md写法:
    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    
    结果显示:

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

单行文本与多行文本

  • 单行文本多行文本前加入两个Tab即可
    文本前加入两个Tab即可
    文本前加入两个Tab即可
    

无序(ul)列表

md写法:

* 昵称:青春^O^无限
* 别名:天問
* 英文名:tiven

结果显示:

  • 昵称:青春^O^无限
  • 别名:天問
  • 英文名:tiven

有序(ol)列表

  • 一个数字+.+内容
    md写法:
    1. 前端
    3. 后台
    4. 测试
    9. UI
    6. 产品
    
    结果显示:
  1. 前端
  2. 后台
  3. 测试
  4. UI
  5. 产品
  • 提示:这里的数字,并不需要按照一定顺序排列。

结构列表

md写法:

* 编程语言
    * 脚本语言
        * Python

结果显示:

  • 编程语言
    • 脚本语言
      • Python

一个带有title属性的图片(img标签)

md写法:

![IMG](//tiven.cn/assets/img/01.jpg "Hello")

结果显示:

IMG


一个超链接(a标签)

md写法:

[个人博客](http://tiven.cn "tiven个人博客")

结果显示:
个人博客


一个有超链接的图片

md写法:

[![tiven](//tiven.cn/logo.png "tiven")](//tiven.cn)

结果显示:

tiven


换行符(br)

md写法:

第一行文字
<br/>
第二行文字

结果显示:
第一行文字


第二行文字


高亮文字

md写法:

`高亮`显示的`文字`

结果显示:
高亮显示的文字


特别显示的文本块

md写法:

  • 三个·+bash(或者java、javascript、php、html…) +换行+代码块...+换行+三个·
    结果显示:
    1
    document.getElementById('obj');//javascript
  • 提示:此处的·英文输入法Tab键上边的那个字符,+号请忽略不要写。

表格

md写法:

|表头1|表头2|表头3|
|:---:|:---:|:---:|
|con11|con22|con33|
|con11|con22|con33|

结果显示:

表头1表头2表头3
con11con22con33
con11con22con33
  • 提示:此处的:相当于CSS中的text-align属性;:在左边就是文本左对齐:在右边就是文本右对齐;如果两边都有,则本文居中显示(相当于text-align:center)。

提示:

  • 一般Markdown文档都是以.md后缀结尾的。
  • 文中所有的·英文输入法Tab键上边的那个字符,+号请忽略不要写。(补充:高亮显示和特别显示中的·);
  • Markdown支持大部分HTML标签,可以直接写HTML标签,并能加内联样式
  • Markdown在各个地方解析的情况不同,因此结果显示会有所区别,有的平台不能解析表格。
  • 此文仅供参考,如有不详之处,望见谅。

欢迎访问:个人博客地址

本文作者: Tiven
发布时间: 2016-11-28
最后更新: 2023-07-17
本文标题: 程序猿必学——Markdown语法
本文链接: https://www.tiven.cn/p/fca0e73e/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
欢迎留言,提问 ^_^
个人邮箱: tw.email@qq.com
notification icon
博客有更新,将会发送通知给您!