Tiven

Tiven

博观而约取,厚积而薄发

天问的个人网站(天问博客),专注于Node.js、Vue.js、React、Vite、Npm、Nginx等大前端技术。不断学习新技术,记录日常开发问题,持续分享coding,极客开源,共同进步。生命不息,奋斗不止... [ hexo blog ]

程序猿必学——Markdown语法


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

Markdown

<!--more-->


标题

  • 标题有六级,分为一级、二级...到五级、六级,类似于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/>
    第二行文字

结果显示: 第一行文字 <br/> 第二行文字


高亮文字

md写法:

    `高亮`显示的`文字`

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


特别显示的文本块

md写法:

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

表格

md写法:

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

结果显示:

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

提示:

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

欢迎访问:个人博客地址