MarkDown语法详解:标题、字体、列表、引用、图片、表格、代码、超链接、公式

文章目录

    • 什么是Markdown?
    • 学习准备
    • 常用语法
    • 标题(二级标题):
    • 三级标题
    • 四级标题
    • 字体
      • 显示效果:
      • 文字设置
    • 分割线
    • 列表
      • 有序列表
      • 无序列表
      • 列表嵌套
    • 引用
      • 单句引用
      • 区块引用嵌套
      • 区块与列表混合使用
      • 添加目录
      • 脚注
    • 图片
      • 从本地添加图片
      • 从网页添加图片
    • 超链接
      • 页内跳转链接
        • 跳转到标题:
        • 跳转到页内任意位置
      • 页内跳转到外部链接
        • 行内式
        • 带链接名称
        • 不带链接名称
        • 参考式
    • 表格
      • 方式一:代码列表
      • 方式二:右键插入表格
    • 代码
      • 单句代码
      • 插入代码块
    • 转义
    • 公式
    • 小结

什么是Markdown?

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被使用来撰写电子书。

以上介绍均来源于(markdown_百度百科 (baidu.com)

学习准备


  1. 下载Typora(官方下载链接Typora官网

  2. 创建一个后缀名为.md的文件

  3. 打开.md文件,如图所示
    MarkDown语法详解:标题、字体、列表、引用、图片、表格、代码、超链接、公式_第1张图片

  4. 点击“视图”——“显示\隐藏侧边栏”

  5. 点击大纲即可查看本篇全文架构

常用语法


标题(二级标题):

# + 空格 + Enter

三级标题

### + 空格 + Enter

四级标题

#### + 空格 + Enter

Typora最多支持六级标题

字体


显示效果:

1.*Hello,World*
2.**Hello,World**
3.***Hello,World***
4.~~Hello,World~~
5.Hello,World

Hello,World!(两边各一个星号变斜体)

Hello,World!两边各两个"*"或“_(底线)”加粗体

***Hello,World!***(左右两边各三个星号即可斜体且加粗

Hello, World!(两边各两个"~"即可加删除线)

Hello,World!(左边(u)右边(/u)加下划线)

文字设置

改变字体:

内容文本

改变文字颜色:

内容文本 
内容文本

此处附上RGB颜色色号对照表RGB 常用颜色对照表

改变文字尺寸:

内容文本
举例:
我是码农
我是码农
我是码农
我是宋体,绿色,尺寸为3

输出结果:

我是码农
我是码农
我是码农

我是宋体,绿色,尺寸为3

分割线





"***"/"___"/"---" + Enter

用连续三个的”*“或”-“或”_(底线)“ + Enter来创建分割线

分割线所在行不能写文字 但是可以加空格,效果与不加空格无异

**     * + Enter

列表


有序列表

(序号数字.+ Space + Enter)
每自动换行一次都要在“.”后加一次 Space

无序列表

(“-/+/*”+ 空格 + Enter)
  • A
  • B
  • C

列表嵌套

1.
 "*"+ Space + Enter
2. 
3.
  1. *

  2. * *

  3. * * *

引用


单句引用

">" + Space

牛津大辞典

区块引用嵌套

> + Enter 最外层
>>  + Enter 第一层嵌套
>>>  + Enter 第二层嵌套
>>>>  + Enter 第三层嵌套

显示效果

最外层

第一层嵌套

第二层嵌套

​ 第三层嵌套

区块与列表混合使用

  • 删除前面的数字 然后"*" + Space

添加目录

[toc] + Enter

文章目录

    • 什么是Markdown?
    • 学习准备
    • 常用语法
    • 标题(二级标题):
    • 三级标题
    • 四级标题
    • 字体
      • 显示效果:
      • 文字设置
    • 分割线
    • 列表
      • 有序列表
      • 无序列表
      • 列表嵌套
    • 引用
      • 单句引用
      • 区块引用嵌套
      • 区块与列表混合使用
      • 添加目录
      • 脚注
    • 图片
      • 从本地添加图片
      • 从网页添加图片
    • 超链接
      • 页内跳转链接
        • 跳转到标题:
        • 跳转到页内任意位置
      • 页内跳转到外部链接
        • 行内式
        • 带链接名称
        • 不带链接名称
        • 参考式
    • 表格
      • 方式一:代码列表
      • 方式二:右键插入表格
    • 代码
      • 单句代码
      • 插入代码块
    • 转义
    • 公式
    • 小结

脚注

语句[^脚注名]
[^脚注名]:注解文本

I am a boy.1

[^1]: A handsome boy.

图片


从本地添加图片

"!"+ [图片名称] + (本地路径地址)

MarkDown语法详解:标题、字体、列表、引用、图片、表格、代码、超链接、公式_第2张图片

(C:\Users\15065170282\Desktop\微信截图_20210511112817.png)]

从网页添加图片

"!"+ [] + (图片网址:找到图片-检查元素=找到图片地址-复制图片地址到())
即可从网络路径添加图片

"!"+ [](https://i0.hdslb.com/bfs/sycp/creative_img/202105/94f5cbd4f3c40ce51cbbcb23761692a8.jpg)
MarkDown语法详解:标题、字体、列表、引用、图片、表格、代码、超链接、公式_第3张图片

超链接


页内跳转链接

跳转到标题:
[任意说明文字:跳转到分割线](#分割线) (#后跟的是标题名)

跳转到分割线 然后“ctrl” + 点击即可跳到指定目录处

跳转到页内任意位置

使用html的a方法:

 在想要跳转到的地方写该代码
[说明文字](#锚点)

然后“ctrl” + 点击【说明文字】即可到达目的地。

[跳转到“添加目录”那里](#锚点)
该代码即可实现如下跳转:

跳转到添加目录那里

页内跳转到外部链接

行内式
带链接名称
[链接名称(如托福听力背景知识)](链接网址) + Enter

[托福听力背景知识](托福听力背景知识 - 搜索结果 - 哔哩哔哩弹幕视频网 - ( ゜- ゜)つロ 乾杯~ - bilibili)

不带链接名称
<链接网址> + Enter

参考式

常用于文献参考,有时一篇文献中会多次用到同一个链接,可以用不同名称去陈述同一个引用网址。

[][]

我经常去的几个网站[Bilibili][1]、[LOL][2]以及[CSDN][3]
百度是一个不错的[网站][4]。你可以用[百度搜索][网站]进行搜索

[1]:https://www.bilibili.com "Bilibili"
[2]:https://lol.qq.com/act/a20210506msi/index.shtml?e_code=507042 "Lol"
[3]:https://www.csdn.net "CSDN"
[网站]:https://www.baidu.com


显示结果

我经常去的几个网站Google、Leanote以及自己的博客
百度是一个不错的[网站][4]。你可以用百度搜索进行搜索。

表格


名字 性别 生日
张三 2000.12

方式一:代码列表

属性A|属性B|属性C

第一行A|第一行B|第一行C

第二行A|第二行B|第二行C

然后进入源代码模式并将行空隙删除 后退出源代码模式即可看到表格

方式二:右键插入表格

代码


1.'printf ' 
2.Tab
3."```" + Enter

单句代码

在单句中插入代码,只需要用"`"包裹代码即可

插入代码块

  1. 一个Tab(制表符)

  2. “```” + Enter

public class ArraysCopy {
    public static void main(String[] args) {
        int []a={1,2,3,4,5};
        int []b = Arrays.copyOf(a,3*a.length);
        System.out.println(Arrays.toString(b));
    }
}

转义


Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

**文本加粗** 
\*\* 正常显示星号 \*\*

公式


当你需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如:

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

小结


以上便是笔者汇总整理的Markdown基本操作。这是笔者的第一篇Blog, 心情激动之余难免有错误之处,请读者指正,万谢!


  1. A handsome boy. ↩︎

你可能感兴趣的:(markdown,程序人生,经验分享,html,编程语言)