MarkDown语法学习

原文地址:https://www.jianshu.com/p/43d4a9cc3161

前言

今天突然想学习下Markdown语法,于是就是开始查找资料,文中内容都是来源于参考的博客,只是自己为了学习加深映像再次整理了一番,顺便做个笔记,望见谅。

参考博客如下

  • markdown基本语法(高鸿祥)
  • 献给写作者的 Markdown新手指南()

本文包含内容如下:

  • 标题
  • 列表
  • 图片
  • 超链接
  • 引用
  • 字体(粗体、斜体、粗体加斜体、删除线)
  • 代码
  • 分割线
  • 表格

开始学习

1.标题

最常用的标题,用 # 号开头,# 号个数对应标题级别

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

示例:

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

2.列表

无序列表

文本开头加个- 符号

  • 文本1
  • 文本2
  • 文本3
    示例:
- 文本1
- 文本2
- 文本3
有序列表

一级列表
文本开头直接添加序号即可 1. 2. 3.

  1. 文本1
  2. 文本2
  3. 文本3
    示例:
1. 文本1
2. 文本2
3. 文本3

二级列表
二级列表开头需要敲三个空格或者两个tab

  1. 文本1
    • 二级文本1
    • 二级文本2
  2. 文本2
    1. 二级文本1
    2. 二级文本2
  3. 文本3

示例:

1. 文本1   
   - 二级文本1
   - 二级文本2
2. 文本2
    1. 二级文本1
    2. 二级文本2
3. 文本3

3.图片

使用 ![description](imgUrl) 格式来添加图片

MarkDown语法学习_第1张图片
我喜欢学习

示例:

![我喜欢学习](https://upload-images.jianshu.io/upload_images/617476-7ece9a4cb7d3af09.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

4.超链接

与引入图片方式差不多,使用 [name](url) 格式来添加
百度
示例:

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

5.诗句引用

开头加个 > 符号

学而不思则罔
思而不学则殆
示例:

>学而不思则罔
>思而不学则殆

6.字体(粗体、斜体、粗体加斜体、删除线)

  • 粗体
    文本左右各加两个*号
  • 斜体
    文本左右加一个*号
  • 粗体加斜体
    文本左右各加三个*号
  • 删除线
    文本左右各加~~号

示例:

- **粗体**
文本左右各加两个*号
- *斜体*
文本左右加一个*号
- ***粗体加斜体*** 
文本左右各加三个*号
- ~~删除线~~
文本左右各加~~号

7.代码

  • 单行代码
    代码左右各加两个 ` 符号
    hello world!
  • 多行代码
    代码块首尾各加三个 ` 符号
function print() {
  alert("hello world!");
}

8.分割线

用三个或三个以上 - 符号或 * 符号





示例:

---
----
***
*****

9.表格

姓名 性别 年龄
张三 20
李四 22
王五 20

示例(缩写版):

姓名|性别|年龄
:-|:-:|-:
张三|男|20
李四|男|22
王五|女|20

引用说明:

表头|表头|表头
------|:-----:|-----:
内容|内容|内容
内容|内容|内容
第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

你可能感兴趣的:(MarkDown语法学习)