总结一波怎么写优快云的Markdown文档

学会查看帮助

一、链接

[IDEA创建并运行简单web项目（2分钟学会）](https://www.bilibili.com/video/BV1vV411B7rs)
效果： IDEA创建并运行简单web项目（2分钟学会）

二、蓝色阴影

>>你好
>
>你好。

效果：

你好

你好。

---

>字号正常
效果：

字号正常

---

> <font size=5>字号大</font>
效果：

字号大

---

也可以>#### 字号大。

三、调整字号

<font size=5>放大字号</font>
效果：放大字号
<font size=2>缩小字号</font>
效果：缩小字号

四、图片居中

![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7b1ac716bd1e309bb9f74be43aa254a0.png#pic_center)
即在生成的图片链接后加个#pic_center。
效果：

五、图片调整大小

• 方法一

如若想调整图片的尺寸那在之前指令后面加上“ =200x”就行，其中这个200x指的是图像宽200像素，高的大小会自动按比例缩放；当然，也可同时改变宽和高的大小“ =200x200”，但会破坏比例。

![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2439ba29f1c81111c84ac807dd56a48b.png =400x)

• 方法二
  <img src="https://i-blog.csdnimg.cn/blog_migrate/7b1ac716bd1e309bb9f74be43aa254a0.png#pic_center" width="10%">。调整图片大小，把"width"后面的百分比改一下就行了。不想居中，把去掉"#pic_center"就好。
  效果：
  

六、两张/多张图片放在一行

<table>
    <tr>
        <td ><center><img src="https://i-blog.csdnimg.cn/blog_migrate/87acf330cccb274343997d5b477078fd.png"  width="90%"></center>登录页面。</td>
        <td ><center><img src="https://i-blog.csdnimg.cn/blog_migrate/6801fdcaf7f659feeb0e1757258ee587.png" width="100%" ></center>只弹出字符，没输入框下移。</td>
    </tr>
</table>

下面介绍图片的话可以不加，去掉汉字就好。
效果：

登录页面。

只弹出字符，没输入框下移。

七、图片加边框、加注释

<table>
	<tr>
		<td ><center><img src="https://i-blog.csdnimg.cn/blog_migrate/3df63980e702ae22b7622652695324da.png"  width="20%"></center></td>
	</tr>
</table>

原图：

加边框效果：

加边框加注释效果：

图片在此

八、自动生成目录

@[TOC]
效果：

九、加粗，高亮，红字

• 加粗Ctrl+B

**加粗**

加粗

• 高亮

==高亮==

高亮

• 红字

　<font color='red'>红字</font>

红字

十、分割线

<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">

---

也可以---，效果：

---

十一、代码块用什么语言

	代码块语言
Java	java
html	html
js	js
pom.xml	xml
application.properties、复制的命令行代码	bash

bash语言会把#后面的内容作为注释。并且用颜色标出等号。

十二、列表

- 项目
  * 项目
    + 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

十三、表格

表格内换行

| 姓名 | 爱好 |
|--|--|
| 张三 | 吃<br/>喝 |

姓名	爱好
张三	吃 喝

合并行

<table>
    <tr>
        <td rowspan="2">合并行</td>    
        <td >行一列二</td>  
    </tr>
    <tr>
        <td >行二列二</td>  
    </tr>
</table>

合并行	行一列二
	行二列二

合并列

<table>
    <tr>
        <td>列一</td> 
        <td>列一</td> 
   </tr>
    <tr>
        <td colspan="2">合并行</td>    
    </tr>
</table>

列一	列一
合并行

十四、空格和回车

空格： 
回车：<br/>