手把手教会你使用Markdown【从入门到精通一篇就够了】

手把手教会你使用Markdown【从入门到精通一篇就够了】

  • 前言
  • 一、Markdown是什么
  • 二、Markdown优点
  • 三、Markdown的基本语法
    • 3.1 标题
    • 3.2 字体
    • 3.3 换行
    • 3.4 引用
    • 3.5 链接
    • 3.6 图片
    • 3.7 列表
    • 3.8 分割线
    • 3.9 删除线
    • 3.10 下划线
    • 3.11 代码块
    • 3.12 表格
    • 3.13 脚注
    • 3.14 特殊符号
  • 四、Markdown的高级用法
    • 4.1 个人看法
    • 4.2 制作待办事项
    • 4.3 书写公式
    • 4.4 绘制流程图
    • 4.5 绘制序列图
    • 4.6 绘制甘特图
    • 4.7 Html
  • 五、Markdown工具
  • 六、总结


前言

大家好,我是卷不动的小白,如名我可能和大部分人一样是个什么都要学习的小白,当自己潜下心来要记笔记写博客的时候接触到了Markdown语法。Markdown 是一种轻量级标记语言,通俗的说你记笔记写博客的时候不用管排版如何,只要将自己的内容写上去,Markdown语法就可以给你搞定一切。


一、Markdown是什么

在这里插入图片描述

Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)。
Markdown 允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的HTML文档。
Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
Markdown 编写的文档后缀为 .md, .markdown。
我个人认为Markdown是现在现在是互联网上最流行的写作语言!!!许多网站平台的文章、博客、论文都是基于它写的!!!

例如:
国外的GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等;
国内的CSDN、简书、掘金、博客园、知乎等。

推荐一款 Markdown 编辑器Typora(下载链接我放到文末)。这款软件足够轻量级,同时功能做到了尽可能的简单。至于Web编辑器必然是最好的CSDN哈哈哈。


二、Markdown优点

好多人看到Markdown的标签是【轻量级】【标记】【语言】就直接放弃,想着自己学习了非常多的语言,为了记个笔记写个博客还要再学习一门语言吗?实则不然,Markdown的语言非常非常简单,如果想学,10分钟你完全可以学完90%的常用的语法,而且你从此摆脱排版的折磨,属实是强迫症党的福利了。它的优点不仅限于此:

  • 纯文本编辑,只要是支持Markdown编辑的都能获得同样的结果,摆脱排版苦恼
  • 学习成本低,常用的语法很少,简单易学快速上手
  • 支持跨平台同步数据
  • 支持插入图片、视频等
  • 随时修改,不必担心word等工具出现排版错误

废话不多说,进入干货阶段


三、Markdown的基本语法

3.1 标题

使用#号标记,可以表示1-6级标题, 随#的个数递增,一级标题字号最大,六级标题字号最小。
代码如下:

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

效果如下:
在这里插入图片描述

注意:

  • 最后一个#字符与标题中间留一个空格
  • 标题应该置于行首,如果放入表格中可能无法正确解析

3.2 字体

星号与下划线都可以,单是斜体,双是粗体,三是粗斜体

代码效果
*这是斜体*这是斜体
_这是斜体_这是斜体
**这是粗体**这是粗体
__这是粗体__这是粗体
***这是粗斜体***这是粗斜体
___这是粗斜体___这是粗斜体

快捷键:
加粗Ctrl+B
斜体Ctrl+I

3.3 换行

Markdown换行的方式有很多种:

  • 直接在一句话后敲两个空格
  • 两句话之间加一个空行
  • 如果你在编辑的时候,想让一行文字在显示的时候换行,就在中间加<br/>

3.4 引用

Markdown 中引用通过符号 > 来实现。> 符号后的空格,可有可无。
在引用的区块内,允许换行存在,换行并不会终止引用的区块。如果要结束引用,需要一行空白行,来结束引用的区块。
代码:

>这是一个引用

效果

这是一个引用
此外,引用还可以嵌套使用:
代码:

>这是一个引用:
>>这是一个引用的引用
>>>这是一个引用的引用的引用

效果:

这是一个引用:

这是一个引用的引用

这是一个引用的引用的引用

3.5 链接

Markdown中插入链接的使用方式是:
代码:

[链接名称](链接地址)
<链接地址>
即是:
[这是小白的主页](https://blog.csdn.net/qq_40818172?type=lately)
或者
<https://blog.csdn.net/qq_40818172?type=lately>

效果:

这是小白的主页
https://blog.csdn.net/qq_40818172?type=lately

3.6 图片

Markdown中插入图片的使用方式是:
代码:

![图片描述,可写可不写,但是中括号要有](图片地址,本地链接或者URL地址。)
比如我此文章的图片:
![卷不动的小白](https://img-blog.csdnimg.cn/8bbc653f3f854023856762ed2c8e43e9.png)
)

效果:
卷不动的小白
也可以修改位置和图片大小
代码:

![图片描述,可写可不写,但是中括号要有](图片地址,本地链接或者URL地址#pic_center空格=长x宽)
比如我此文章的图片:
![卷不动的小白](https://img-blog.csdnimg.cn/8bbc653f3f854023856762ed2c8e43e9.png#pic_center =60x60)
)

效果:
卷不动的小白
注意:等号前有空格,是x不是*

博主自己经常Ctrl+v粘贴图片更为便捷

3.7 列表

列表分为有序列表和无序列表

  • 无序列表,使用*+-,再加一个空格作为列表的标记
  • 有序列表,使用数字并加上.号,再加一个空格作为列表的标记
    代码:
* 无序列表 1
+ 无序列表 2
- 无序列表 31. 有序列表 1
2. 有序列表 2
3. 有序列表 3

效果:

  • 无序列表 1
  • 无序列表 2
  • 无序列表 3
  1. 有序列表 1
  2. 有序列表 2
  3. 有序列表 3

如果想要控制列表的层级,则需要在列表符号前使用Tab
代码:

+ 无序列表 1
+ 无序列表 2+ 无序列表 2.1+ 无序列表 2.21. 有序列表 11.1 有序列表 1.1
2. 有序列表 22.1 有序列表2.1

效果:

  • 无序列表 1
  • 无序列表 2
    • 无序列表 2.1
    • 无序列表 2.2
  1. 有序列表 1
    1. 有序列表 1.1
  2. 有序列表 2
    1. 有序列表2.1

3.8 分割线

Markdown中给出了多种分割线的样式,我们可以使用分割线让文章结构更加的清晰。
分割线的使用,可以在一行中用三个-or*来建立一个分割线,但是注意:在分割线的上面空一行!!!

代码:

分割线:---
***
- - -
* * *

效果:





注意:写分割线前,要空一行之后写,否则会导致前一行字体放大。

3.9 删除线

删除线的的使用,可以在要添加删除线的文字前后添加两个~
代码:

~~这是要被删除的文字~~

效果:

这是要被删除的文字

3.10 下划线

下划线的使用和html中类似,在需要添加下划线的文字首尾添加<u>文本</u>
代码:

<u>这行文字已被添加下划线</u>

效果:

这行文字已被添加下划线

3.11 代码块

Markdown中代码块有两种:
如果在一行内需要引用代码,只需要用反引号`引起来就好了。
代码:

`Hello` World.

效果:

Hello World.

如果是在一个块内需要引用代码,则在需要引用的代码块的前一行和后一行使用三个反引号,同时在前一个反引号后写入代码的语言。
代码:
在这里插入图片描述
效果:

#include<iostream>
int main(){printf("HelloWorld");
}

支持以下语言:

bash
c,clojure,cpp,cs,css
dart,dockerfile, diff
erlang
go,gradle,groovy
haskell
java,javascript,json,julia
kotlin
lisp,lua
makefile,markdown,matlab
objectivec
perl,php,python
r,ruby,rust
scala,shell,sql,swift
tex,typescript
verilog,vhdl
xml
yaml

3.12 表格

表格使用|来分割不同的单元格,使用-来分隔表头和其他行

  • :-:将表头及单元格内容左对齐
  • -::将表头及单元格内容右对齐
  • :-::将表头及单元格内容居中

代码:

| 项目        | 价格   |  数量  |
| --------   | -----:  | :----:  |
| 计算机     | \$1600 |   5     |
| 手机        |   \$12   |   12   |
| 管线        |    \$1    |  234  |

效果:

项目价格数量
计算机$16005
手机$1212
管线$1234

3.13 脚注

脚注是对文本的备注,我们时长在论文中看到脚注,在Markdown中的使用方法
代码:

使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2], 你可以使用 Typora[^T] 编辑器进行书写。
[^1]:Markdown是一种纯文本标记语言
[^2]:HyperText Markup Language 超文本标记语言
[^T]:NEW WAY TO READ & WRITE MARKDOWN.

效果:
使用 Markdown1可以效率的书写文档, 直接转换成 HTML2,

注意:脚注自动被搬运到最后面,请到文章末尾查看,并且脚注后方的链接可以直接跳转回到加注的地方。

3.14 特殊符号

对于Markdown中的语法符号,前面家反斜线\即可以显示符号本身。
代码:

\\
\*
\_
\+
\.
等等

效果:

\
*
_
+
.


四、Markdown的高级用法

4.1 个人看法

Markdown 是非常厉害的,但是我认为它建立的初衷是为了方便大家记笔记写博客,它具有很强大的功能,例如流程图、复杂的公式呈现,虽然看起来很有用,但是我认为这些功能与它创立的初衷是违背的,而且做流程图和复杂的公式是有专门的工具,而且十分便捷。所以个人认为,Markdown的一些高级用法了解一下即可,博主也不是很会使用参考了其他资料稍微来整理一下笔记。此处只简要提一下,如果想要了解更多详细的高级用法:菜鸟教程Markdown高级用法、Cmd Markdown 简明语法手册

4.2 制作待办事项

我们可以使用Markdown来制作一个待办事项,格式为、-[] 表示未完成;-[x]表示已完成
代码:

- [ ] 支持以 PDF 格式导出文稿
- [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
- [x] 新增 Todo 列表功能
- [x] 修复 LaTex 公式渲染问题
- [x] 新增 LaTex 公式编号功能

效果:

  • 支持以 PDF 格式导出文稿
  • 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
  • 新增 Todo 列表功能
  • 修复 LaTex 公式渲染问题
  • 新增 LaTex 公式编号功能

4.3 书写公式

Markdown支持书写公式,例如书写一个质能守恒公式。
$$表示整行公式
代码:

$$E=mc^2$$

效果:

E = m c 2 E=mc^2 E=mc2

4.4 绘制流程图

代码:
在这里插入图片描述
效果:

Created with Raphaël 2.3.0 Start Your Operation Yes or No? End yes no

4.5 绘制序列图

代码:
在这里插入图片描述

效果:

Alice Bob Hello Bob, how are you? Bob thinks I am good thanks! Alice Bob

4.6 绘制甘特图

代码:
在这里插入图片描述

效果:

2016-06-26 2016-07-03 2016-07-10 2016-07-17 2016-07-24 2016-07-31 需求分析 可行性报告 概念验证 概要设计 详细设计 编码 测试 发布 验收 项目确定 项目实施 发布验收 项目开发流程

如果感兴趣可以去Cmd Markdown 简明语法手册这里学习更多。

4.7 Html

Markdown支持原生HTML语法,譬如,你可以用 Html 写一个纵跨两行的表格:
代码:

<table><tr><th rowspan="2">值班人员</th><th>星期一</th><th>星期二</th><th>星期三</th></tr><tr><td>李强</td><td>张明</td><td>王平</td></tr>
</table>

效果:

值班人员星期一星期二星期三
李强张明王平
也可以实现对字体格式的改变

代码:

<font face="楷体" color=#00ffff size=5>改变文字格式</font>

效果:

改变文字格式


五、Markdown工具

  • 本地APP:首推 Typora,当然还有其他一些好用的软件,我用的是Typora;
  • 国内博客平台:CSDN、简书、掘金、博客园、知乎等。
    Typora下载链接:Typora下载

六、总结

为什么要写这篇博客,不仅是为了分享我的学习过程,也是为了给自己记个笔记,哪里忘记了,回来再看一眼,也可以很快的回想起来。所以快快把Markdown语法学起来吧,一起加油!!!


  1. Markdown是一种纯文本标记语言 ↩︎

  2. HyperText Markup Language 超文本标记语言 ↩︎

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/719581.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

UCSF DOCK 分子对接详细案例(04)-基于RDKit描述符的分子从头设计DOCK_D3N

欢迎浏览我的CSND博客&#xff01; Blockbuater_drug …点击进入 文章目录 前言一、 软件及操作环境二、研究目的三、结构文件准备四、 DOCK/RDKit中 de novo design4.1 de novo design - refine_D3N4.2 对输出重新评分 总结参考资料 前言 本文是UCSF DOCK的使用案例分享&…

lv20 QT事件5

1 事件模型 2 事件处理 virtual void keyPressEvent(QKeyEvent *event) virtual void keyReleaseEvent(QKeyEvent *event) virtual void mouseDoubleClickEvent(QMouseEvent *event) virtual void mouseMoveEvent(QMouseEvent *event) virtual void mousePressEvent(QMou…

【短时交通流量预测】基于Elman神经网络

课题名称&#xff1a;基于Elman神经网络的短时交通流量预测 版本时间&#xff1a;2023-04-27 代码获取方式&#xff1a;QQ&#xff1a;491052175 或者 私聊博主获取 模型简介&#xff1a; 城市交通路网中交通路段上某时刻的交通流量与本路段前几个时段的交通流量有关&#…

自己拍摄的视频能做成二维码吗?快速在线生码该怎么操作?

自己拍摄的视频能做成二维码吗&#xff1f;现在扫描二维码用来播放视频的使用场景越来越多&#xff0c;这种方式的流行在于能够通过更低的成本获取更好的效果&#xff0c;有效的提升用户获取视频内容的体验&#xff0c;通过消耗流量就可以播放视频。 那么视频制作二维码一般会…

vue2 vue-router源码解析

目录 Vue Router 的基本结构和功能 源码分析 一. 编写install 方法 二 .生命变量存储路由信息和当前路由 三 .初始化路由 把路由信息记录在routeMap中 四.注册router-link 和router-view 组件 Vue Router 的基本结构和功能 路由器实例&#xff08;Router 实例&#xff09;…

Vue.js 修饰符:精准控制组件行为

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 &#x1f35a; 蓝桥云课签约作者、上架课程《Vue.js 和 E…

多点通信与域套接字:2024/3/4

作业1&#xff1a;广播 发送端&#xff1a; #include <myhead.h> int main(int argc, const char *argv[]) {//1.创建套接字int sfdsocket(AF_INET,SOCK_DGRAM,0);if(sfd-1){perror("socket error");return -1;}printf("sfd%d\n",sfd);//2.设置当前…

蓝桥杯复习之前缀和

题目链接&#xff1a;https://www.luogu.com.cn/problem/P8649 思路&#xff1a; 看到区间和&#xff0c;第一反应肯定是前缀和&#xff0c;我们求出前缀和后对前缀和数组每一个值模k&#xff0c;然后对一个数组的值查看前面有几个相同的&#xff0c;举个例子&#xff1a;…

【python 常见错误】

标题【python 常见错误】 一、python 常见错误 Python编程过程中&#xff0c;开发者可能会遇到多种类型的错误。这些错误大致可以分为三类&#xff1a;语法错误&#xff08;SyntaxError&#xff09;、逻辑错误和运行时错误。下面将详细介绍这几种错误类型&#xff0c;并提供相…

【动态规划】第十一届蓝桥杯省赛第二场C++ C组《数字三角形》(c++)

1.题目描述 上图给出了一个数字三角形。 从三角形的顶部到底部有很多条不同的路径。 对于每条路径&#xff0c;把路径上面的数加起来可以得到一个和&#xff0c;你的任务就是找到最大的和。 路径上的每一步只能从一个数走到下一层和它最近的左边的那个数或者右边的那个数。 …

Pytorch学习 day03(Tensorboard)

Tensorboard Tensorboard能够可视化loss的变化过程&#xff0c;便于我们查看模型的训练状态&#xff0c;也能查看模型当前的输入和输出结果 在Pycharm中&#xff0c;可以通过按住ctrl&#xff0c;并左键点击某个库来进入源文件查看该库的使用方法 SummaryWriter是用来向log_di…

3分钟,学会一个测试员必懂 Lambda 小知识!

今天再来给大家介绍下函数式接口和方法引用。 函数式接口 问&#xff1a;Lambda 表达式的类型是什么&#xff1f; 答&#xff1a;函数式接口 问&#xff1a;函数式接口是什么&#xff1f; 答&#xff1a;只包含一个抽象方法的接口&#xff0c;称为函数式接口 &#xff08;…

Linux服务器磁盘及内存用量监控Python脚本(推送钉钉群通知)

文章目录 Python 脚本钉钉推送通知定时任务 Python 脚本 # -*- coding: utf-8 -*- import subprocessdef get_disk_usage():# 执行 df 命令获取磁盘使用情况df_process subprocess.Popen([df, -h, /], stdoutsubprocess.PIPE)output, _ df_process.communicate()output out…

Lua 篇(一)— 安装运行Hello World

目录 前言一、Lua 是什么&#xff1f;二、Lua和C#的区别三、安装 LuaLinux 系统上安装Mac OS X 系统上安装Window 系统上安装emmyluaRider 安装(推荐) 四、Lua学习资料 前言 Lua 是一种轻量级的嵌入式脚本语言&#xff0c;它可以与 C 语言无缝集成&#xff0c;提供了强大的编程…

YOLOv6-Openvino和ONNXRuntime推理【CPU】

1 环境&#xff1a; CPU&#xff1a;i5-12500 Python&#xff1a;3.8.18 2 安装Openvino和ONNXRuntime 2.1 Openvino简介 Openvino是由Intel开发的专门用于优化和部署人工智能推理的半开源的工具包&#xff0c;主要用于对深度推理做优化。 Openvino内部集成了Opencv、Tens…

库函数和头文件

难道要求平方根也要自己写一个&#xff1f; #include<iostream> #include<cmath>//头文件<cmath>中包含许多数学库函数 using namespace std; int main() {double a;cin>>a;if(a<0) {cout<<"Illegal input"<<endl;return 0;…

PHP语言常见面试题:在PHP中,如何声明变量?变量的作用域是什么?

在PHP中&#xff0c;声明变量非常直接和简单。您只需要在变量名前加上$符号&#xff0c;然后为其分配一个值。这里有一个基本的例子&#xff1a; php复制代码 <?php $variableName "Hello, World!"; // 声明一个名为 $variableName 的变量&#xff0c;并赋值为…

DataGrip 2023:让数据库开发变得更简单、更高效 mac/win

JetBrains DataGrip 2023是一款功能强大的数据库IDE&#xff0c;专为数据库开发和管理而设计。通过DataGrip&#xff0c;您可以连接到各种关系型数据库管理系统(RDBMS)&#xff0c;并使用其提供的一组工具来查询、管理、编辑和开发数据库。 DataGrip 2023软件获取 DataGrip 2…

前端学习第七天-css常用样式设置

达标要求 掌握元素的显示与隐藏 熟练应用溢出的文字隐藏 熟练掌握版心和布局流程 1. 元素的显示与隐藏 在CSS中有三个显示和隐藏的单词比较常见&#xff0c;我们要区分开&#xff0c;他们分别是 display visibility 和 overflow。 他们的主要目的是让一个元素在页面中消失…

94、利用多线程优化卷积运算

上一节简单介绍了多线程的概念,同时也介绍了在使用多线程编程时,对于数据在线程间的切分,应该遵循的一个原则:那就是切分独立的数据快,而不切分有数据依赖的数据块。 最后还抛出了一个问题:对于卷积算法而言,你觉的切分哪个维度最合适呢? 卷积的切分 之前花了很多篇幅…