本文参考自markdown语法大全和Cmd Markdown 简明语法手册
编写环境:Windows10,Typora,vscode+Markdown All in One插件

目录

语法:

在段落中填写[TOC]以显示全文内容的目录结构。

效果如下:

文章目录

  • 目录
  • 标题
  • 段落
  • 字体
    • 斜体
    • 粗体
    • 粗斜体
    • 下划线
    • 删除线
  • 分割线
  • 列表
    • 无序列表
    • 有序列表
    • 列表嵌套
  • 区块
    • 区块中使用列表
    • 列表中使用区块
  • 代码
    • 行内代码
    • 区块代码
  • 链接
    • 直接链接
    • 文字引用
    • 变量替代引用
  • 脚注
  • 选择框
  • 图片
    • 普通方式
    • div方式
    • img方式
  • 表格
  • 转义
  • LaTeX 公式
    • 行内公式
    • 整行公式
  • 文本颜色
    • 颜色列表: ![在这里插入图片描述](https://img-blog.csdnimg.cn/fc6ec1ebe06e47bf9bd00bc9a8c429ca.png#pic_center)
  • 字体大小
  • 字体
  • 背景色
  • Emoji
  • html
    • 按钮
    • 图片
    • div
    • 输入框
    • 视频框 CSDN不支持
  • 流程图
  • 其他

标题

语法:

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

效果如下:
备注:只支持六级标题


段落

语法:Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车,或者加一个空行

这是第一段
这是第二段这是第三段

效果如下:

这是第一段

这是第二段

这是第三段


字体

斜体

*斜体文本*

我是斜体

粗体

**粗体文本**

我是粗体

粗斜体

***粗斜体***

我是粗斜体

下划线

<u>下划线</u>

我是下划线

删除线

~~删除线~~

我是删除线


分割线

---
***
___
这三种都可以

我是第一种分割线,建议使用第一种,好记忆。


我是第二种分割线。


我是第三种分割线

列表

无序列表

语法:无序列表使用星号()、加号(+)或是减号(-*)作为列表标记,这些标记后面要添加一个空格,然后再填写内容:

* 第一项
* 第二项
* 第三项+ 第一项
+ 第二项
+ 第三项- 第一项
- 第二项
- 第三项

效果如下:

  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项

有序列表

语法:有序列表使用数字并加上 . 号来表示,如:

1. 第一项
2. 第二项
3. 第三项

效果如下:

  1. 第一项
  2. 第二项
  3. 第三项

列表嵌套

语法:列表嵌套只需在子列表中的选项前面添加两个或四个空格即可:实测不加4个空格也可以

1. 第一项:- 第一项嵌套的第一个元素- 第一项嵌套的第二个元素
2. 第二项:- 第二项嵌套的第一个元素- 第二项嵌套的第二个元素

效果如下:

  1. 第一项

    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

区块

语法:区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

效果如下:

我是区块引用实例

区块中使用列表

语法:

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

效果如下:

区块中使用列表

  1. 第一项

  2. 第二项

    • 第一项

    • 第二项

    • 第三项

列表中使用区块

语法:如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格的缩进。

区块中使用列表实例如下:

* 第一项> 菜鸟教程> 学的不仅是技术更是梦想
* 第二项

效果如下:

  • 第一项

    菜鸟教程

    学的不仅是技术更是梦想

  • 第二项


代码

行内代码

语法:如果是单行代码或段落上的一个函数或片段的代码可以用反引号把它包起来(`),例如:

在c语言中,`printf`是标准库函数

效果如下:

在c语言中,printf是标准库函数。

区块代码

语法:代码区块使用三个反引号对**```** 包裹一段代码,并指定一种语言(也可以不指定):

```c++
#include <iostream>using namespace std;int main(int argc, char* arhv[])
{cout << "hello markdown!" << endl;return 0;
}
```

效果如下:

#include <iostream>using namespace std;int main(int argc, char* arhv[])
{cout << "hello markdown!" << endl;return 0;
}

备注:这里Typora识别的是c++,csdn识别的是cpp

链接

直接链接

语法:

<www.baidu.com>,直接用<>包裹

效果如下,csdn不支持

文字引用

语法:

[链接名称](链接地址)
例如:
[百度](www.baidu.com)是一个搜索网站

效果如下:

百度是一个搜索网站。

变量替代引用

语法:

使用[这里是要显示的文字][这里定义引用变量]
例如:
百度的网址是[链接][1]

效果如下:csdn不支持


脚注

语法:

创建脚注格式类似这样 [^foot1]。[^foot1]: 这是脚注说明

效果如下:

创建脚注格式类似这样 1


选择框

语法:

-空格[空格/x]空格
- [x] 选中状态
- [ ] 未选中状态

效果如下:csdn不支持

图片

普通方式

语法:

[外链图片转存失败,源站可能有防盗显示的文字](!链机制保存下来直接地址 "鼠标放在图片上显示的文673232279710)(图片地址 "鼠标放在图片上显示的文字"这是!)]
例如:
[外链图片转存失败,源站可能有防盗链机制,建议将图片](/842984保存下来wezp "壁纸b"-16)./842984.webp "壁纸1")]     本地图片
![网络图片](https://img-blog.csdnimg.cn/20200822014538211.png "壁纸2")    网络图片
markdown支持直接拖拽放入图片,或者直接截图粘贴

效果如下:

本地图片:

网络图片:


div方式

语法:

嵌入 HTML 代码。
<div align=left>
<img src=https://img-blog.csdnimg.cn/20200822014538211.png />
</div>

效果如下:

img方式

语法

直接使用html标签:
<img src="https://img-blog.csdnimg.cn/20200822014538211.png" width = "800" height = "400" align=center />src:规定显示图像的 URL。
width:规定图像的宽度。
height:  规定图像的高度。
align:规定如何根据周围的文本来排列图像。top、bottom、middle、left、right

效果如下:


表格

语法:

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

效果如下:

姓名 年龄 性别
李雷雷 18
韩梅梅 16

转义

语法:

如果要显示*-~&这些符号可以使用\转义

\*\* 正常显示星号 \*\*

效果如下:

**正常显示**


LaTeX 公式

行内公式

语法:

行内公式是在公式代码块的前后均添加一个$.
例如:$f(x)=2x^2+5x+3$

效果如下:

f(x)=2x2+5x+3f(x)=2x^2+5x+3f(x)=2x2+5x+3

备注: Typora需要打开扩展语法,内联公式。

整行公式

语法:

$$ 表示整行公式:
例如:
$$
\frac{x}{1+x^2}
\\
\frac{\frac{1}{2}+x}{y}
\\
\tfrac{a}{b}
\frac{a}{b}
$$

效果如下:
x1+x212+xyabab\frac{x}{1+x^2} \\ \frac{\frac{1}{2}+x}{y} \\ \tfrac{a}{b} \frac{a}{b} 1+x2x​y21​+x​ba​ba​
访问 MathJax 参考更多使用方法。


文本颜色

语法:

在markdown中采用如下方式能够控制文字的颜色:
<font color="#7FFF00">文字颜色预览</font>

效果如下:

我是颜色示例

颜色列表:

字体大小

语法:

size为1:<font size="1">size为1</font>
size为2:<font size="2">size为2</font>
size为3:<font size="3">size为3</font>
size为4:<font size="4">size为4</font>
size为6:<font size="6">size为6</font>

效果如下:

size为1:size为1

size为2:size为2

size为3:size为3

size为4:size为4

size为5:size为5

size为6:size为6


字体

语法:

<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="楷体">我是楷体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>
<font face="consolas">我是consolas字</font>

效果如下:

我是黑体字

我是宋体字

我是楷体字

我是微软雅黑字

我是fantasy字

我是Helvetica字

我是consolas字 推荐使用


背景色

语法:

语法如下:
<table><tr><td bgcolor=#F4A460>背景色的设置是按照十六进制颜色值:#F4A460</td></tr></table>
<table><tr><td bgcolor=#FF6347>背景色的设置是按照十六进制颜色值:#FF6347</td></tr></table>
<table><tr><td bgcolor=#D8BFD8>背景色的设置是按照十六进制颜色值:#D8BFD8</td></tr></table>
<table><tr><td bgcolor=#008080>背景色的设置是按照十六进制颜色值:#008080</td></tr></table>
<table><tr><td bgcolor=#FFD700>背景色的设置是按照十六进制颜色值:#FFD700</td></tr></table>

效果如下:

背景色的设置是按照十六进制颜色值:#F4A460
背景色的设置是按照十六进制颜色值:#FF6347
背景色的设置是按照十六进制颜色值:#D8BFD8
背景色的设置是按照十六进制颜色值:#008080
背景色的设置是按照十六进制颜色值:#FFD700

Emoji

语法:

emoji使用时复制后面的md代码即可(包括两个冒号),也可以直接复制emoji表情,博客园的md编辑器是支持的。
例如:smile:

效果如下:

微笑

MarkDown使用方法相关推荐

  1. 【其他】将幕布文章OPML转换为Markdown的方法

    使用幕布可以快速地进行笔记中格式缩进和笔记管理等操作,但是,幕布只提供了Word.PDF.图片.HTML.OPML.思维导图的导出,以下是把幕布的大纲转换成Markdown的方法. 1.先把幕布里的文 ...

  2. markdown写作方法规范参考汇总

    文章目录 markdown写作方法 markdown规范 补 本文总结了自己的经验和很多大牛的文章,摘取,汇总 markdown写作方法 markdown文件以.md后缀 用[TOC]或者[toc]在 ...

  3. 印象笔记导出HTML再转markdown的方法

    前言 我已经使用6年印象笔记了,越来越依赖它了,现在已经有6000多条笔记了,我就想着如果某一天印象笔记没了,那我这些心血就都没了,所以我想要把笔记全部转为markdown格式,然后自己存储起来.可以 ...

  4. R Markdown 使用方法笔记

    记录一些R Markdown中与一般的Markdown不同的用法. 1.代码块设置 echo=FALSE最终的文档中不会显示代码,只会显示代码运行的结果和图像 results="hide&q ...

  5. markdown使用方法大全

    Markdown快速上手指南 1.Markdown介绍 markdown可以实现快速html文档编辑,格式优没,并且不需要使用html元素. markdown采用普通文本的形式,例如读书笔记等易于使用 ...

  6. 关于Markdown使用方法及细则

    文章目录 Markdown基本使用准则 Markdown优势及使用场景 Markdown基本语法: 1.标题语法: 2.段落语法: 3.换行语法: 4.强调语法: 5.引用语法: 6.列表语法: 7. ...

  7. Markdown使用方法、常用技巧汇总

    本文为Markdown系列文章的索引,持续更新中. 文本样式(加粗.斜体.下划线.删除线.高亮.下标/上标) 如何定义锚(链接).引用锚(网址链接) 表格.单元格合并.快速编辑表格 HTML表格转Ma ...

  8. 在印象笔记里保存Markdown的方法

    本人保存的步骤: 写好Markdown文本 在github上建仓库将写好的md文本push 在github里打开push的md文本 用印象笔记剪藏功能将网页正文保存. https://github.c ...

  9. 哔哩哔哩视频显示在Github的Markdown博客页方法

    哔哩哔哩视频显示在Github的Markdown页方法 用 Github 的人都知道,单个文件上传最大限制是 100MB.50MB,所以想传视频到仓库里是会报错的. 若想丰富显示又能永久保存就只有自己 ...

最新文章

  1. 两列布局左边定宽,右边自适应
  2. java 怎么链接ndk的库_使用ndk-build链接现有的静态库
  3. nodejs发送电子邮件的更新
  4. C语言 pthread_join
  5. javascript 将页面上的Table导出保存为Excel (无格式)
  6. 编辑WCF配置不出现
  7. mongoose的操作及其常用命令
  8. Transactional ejb 事务陷阱
  9. 一个故事理解什么是接口回调
  10. 游戏开发之C++对C的扩展(C++基础)
  11. uniapp兼容微信小程序和支付宝小程序遇见的坑
  12. AD7705在STM32F103RBT6上的移植[硬件SPI]
  13. 计算机打印纸如何盖章,怎样使电脑制作的印章具有手动盖章效果
  14. 研发岗位OKR的设计与激励 - 管理角度(附部分岗位样例)
  15. [网络安全提高篇] 一一二.DataCon Coremail邮件安全竞赛之钓鱼邮件识别及分类
  16. 宁向东管理课:自我力
  17. 我的世界服务器修改个人游戏模式吗,我的世界1period;12指令更改模式 | 手游网游页游攻略大全...
  18. 项目管理知识图谱(2)
  19. 如何快速提升网站排名流量
  20. ubuntu安装RYU过程问题记录

热门文章

  1. 自己制作的扫雷小游戏
  2. jQuery 动态文字搜索功能
  3. AutoCAD Civil 3D-部件-自定义部件、装配、创建曲面(石料场开挖边坡)
  4. 【English】Enjoy your plateaus 享受你的瓶颈期
  5. 隐身术?登顶 GitHub Top1:200 行 JS 代码让画面人物瞬间消失!
  6. vs2017下载教程 c语言,Visual Studio 2017安装和使用教程(详细)
  7. 如何打开.lxe文件
  8. Linux NAT 类型详解
  9. 太空物体(一般情况)
  10. ie9 scrollbar bug(IE9父容器overflow:auto时,子容器状态更改导致滚动条下出现额外空间)