Markdown编辑器的使用-持续更新

初始设置

文字设置

字体、字号与颜色
字体, 大小, 颜色, 高亮底色

字体

<font face="STCAIYUN">文本</font>，显示效果：文本

编号	字体	备注
	黑体	黑体
	微软雅黑	微软雅黑
	STCAIYUN	华文彩云
	华文行楷	华文行楷

其他字体方法

字号

<font size=5>文本</font>，显示效果：文本
<big>文本</big>，显示效果：文本
<small>文本</small>，显示效果：文本

颜色

编号	颜色	十六进制	备注
	red	#FF0000	红
		#FF7D00	橙
		#FFFF00	黄
		#00FF00	绿
		#0000FF	蓝
		#00FFFF	靛
		#FF00FF	紫

RGB色彩转换工具
方法一：
<font color=red>文本</font>，显示效果：文本
方法二：
$\color{#FF0000}{文本}$，显示效果$文本$
缺陷：不显示空格
$\color{#FF0000}{文 本}$，显示效果$文本$

表格设置

图片设置

Markdown 中控制图片的大小 对齐方式

图片大小

<img src="https://i-blog.csdnimg.cn/blog_migrate/efa5368ac51b276b2297ddf1fa23801e.png" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/efa5368ac51b276b2297ddf1fa23801e.png" width= 20% />
<img src="https://i-blog.csdnimg.cn/blog_migrate/efa5368ac51b276b2297ddf1fa23801e.png" width = 100 height = 50 />

图片位置

通用

<div align=center>
<img src="https://i-blog.csdnimg.cn/blog_migrate/efa5368ac51b276b2297ddf1fa23801e.png" width="20%">
</div>

<img src="https://i-blog.csdnimg.cn/blog_migrate/efa5368ac51b276b2297ddf1fa23801e.png#pic_center" width=30%>

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200310083249835.png#pic_center)

<span><div align=center>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200310083249835.png)
</div></span>

居左

如果没有设置过，默认靠左。

居右

居中

实现图片居中，最简单的方法是使用HTML的center标签<center></center>。但注意该标签在HTML5中已移除，因此不建议使用。

markdown插入图片(调整图片大小)
markdown插入图片(调整图片大小)
Markdown中如何设置图片居中

图片上的水印

优快云博客中图片上的水印
在线加密解密工具

公式编辑

LaTex数学公式
markdown中公式编辑
markdown中公式编辑
Typora添加数学公式
行内公式
Markdown数学符号&公式，很全面
Markdown中书写多行大括号公式
LaTex中输入空格以及换行
Markdown 添加 Latex 数学公式
Markdown中插入Mathtype公式的方法
公式对齐
wiki 数学公式

代码模块

Typora

绘图(流程图 甘特图 图表)

绘图(流程图 甘特图 图表)
Mermaid

HTML

使用Markdown接触到HTML，所以简单的了解整理了下。
HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么？
纯html5+css能写出什么惊人的效果？
Markdown进阶（更改字体、颜色、大小，设置文字背景色，调整图片大小设置居中）

表情符号

在 Markdown 中使用表情符号
Emoji Unicode Tables

🌈

🌈
😁

常用控件

勾选框

Markdown中如何打对勾/对号

- [ ] Mercury
- [x] Venus

• Mercury
• Venus

添加引用

编辑：

效果：