markdown 编辑器使用教程---字体、颜色、表格换行、链接等

资源池:

绿色版markdown编辑器点击这里 提取码:ftf9


1、标题

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

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2、强调

*斜体*
_斜体_
__加粗__
**加粗**
==渲染==
<u>下划线</u>
~~划掉~~

斜体
斜体
加粗
加粗
渲染
下划线
划掉

3、分隔线

语法:三个或以上同样字符连续排一列,

---

___

***

短横实例:


下划线实例:


星号实例:


注意:分隔线要上要有空行

4、引用

> 引用
>> 二层引用

引用

二层引用

5、有序列表、无序列表、任务列表

5.1 无序列表

*   aaa 
*   aaa
*   aaa
*   aaa
  • aaa
  • aaa
  • aaa
  • aaa

5.2 有序列表

1.   aaa 
1.  aaa
1.  aaa
1.   aaa
  1. aaa
  2. aaa
  3. aaa
  4. aaa

注意:符号与正文之间要有空行

5.3 任务列表


- [x] 任务一:你好
- [ ] 任务二:大家好

示例:

6、链接

6.1 第一种方法:

[a][1]
[博客][2]

文章内容...

[1]: https://www.cnblogs.com/du-z
[2]: https://www.cnblogs.com/du-z

a
博客

文章内容...


6.2 第二种方法:

[a](https://www.cnblogs.com/du-z)
[博客](https://www.cnblogs.com/du-z)

a
博客


6.3 第三种方法:

<https://www.cnblogs.com/du-z>

https://www.cnblogs.com/du-z

7、代码

7.1 直接代码

语法:连续三个反引号,之间可以插入代码

```

@requires_authorization
class SomeClass:
pass

if name == 'main':
# A comment
print 'hello world'

```

@requires_authorization
class SomeClass:
    pass

if __name__ == '__main__':
    # A comment
    print 'hello world'

7.2 可折叠代码段

<details>
<summary>点击查看代码</summary>

\```
@requires_authorization
class SomeClass:
    pass

if __name__ == '__main__':
    \# A comment
    print 'hello world'
\```
</details>

示例:

点击查看代码
@requires_authorization
class SomeClass:
    pass

if __name__ == '__main__':
    \# A comment
    print 'hello world'

7.3 内行代码

你好`hello word`大家好

示例:

你好hello word大家好

8、转义字符 ‘\’

语法:当markdown语法文章冲突时,我们就用到转义字符啦;

\\
\#
\*

\
#
*

9、字体、字号、颜色

<font face="黑体">黑体</font>
<center>居中</center>
<font color=blue>蓝色</font>
<font color=red size=12 face="黑体">红色12号黑体</font>
<table><td bgcolor=yellow><font  color=red>红字</font>黄背景</td></table>
<center><table><td bgcolor=8E8E8E><font  size=6 face="黑体">6号黑体居中(标题)</font></td></table></center>

黑体

居中
蓝色

红色12号黑体

红字黄背景
6号黑体居中(标题)

10、表格

  • 支持换行符<br>
|表头1|表头2|表头3|
|:---|:---:|---:|
|靠左|居中|靠右|
|居中靠左研究第二行||换行换行换行换行<br>换行换行换行换行|
表头1 表头2 表头3
靠左 居中 靠右
居中靠左研究第二行 换行换行换行换行
换行换行换行换行

11、图片

![](https://img2018.cnblogs.com/blog/1675881/201905/1675881-20190528145404604-2036848087.jpg )   #原尺寸


<img src="https://img2018.cnblogs.com/blog/1675881/201905/1675881-20190528145404604-2036848087.jpg" width="100" height="100" >          #指定大小

<div align=right><img src="https://img2018.cnblogs.com/blog/1675881/201905/1675881-20190528145404604-2036848087.jpg" width="50%" height="50%"></div>     #%50靠右

<div align=center><img src="https://img2018.cnblogs.com/blog/1675881/201905/1675881-20190528145404604-2036848087.jpg" width="50%" height="50%"></div>   #%50大小居中

<img src="https://img2018.cnblogs.com/blog/1675881/201905/1675881-20190528145404604-2036848087.jpg" width="50%" height="50%">   #%50大小靠左


<img src="https://img2018.cnblogs.com/blog/1675881/201905/1675881-20190528145404604-2036848087.jpg">   #原尺寸

posted @ 2019-05-28 14:54  du-z  阅读(3343)  评论(0编辑  收藏  举报