CSDN Markdown编辑器是使用StackEdit修改而来的,但在StackEdit的基础上做了一些细节优化,使得体验更加友好
效果:
区块
实际上:
>区块
方法1:把输入法由半角改为全角。 两次空格之后就能够有两个汉字的缩进
方法2:
效果:
半方大的空白 或
全方大的空白 或
不断行的空白格 或
实际上:
半方大的空白 或 
全方大的空白 或 
不断行的空白格 或 
效果:
实际上:
#我是标题
##我是标题
###我是标题
####我是标题
#####我是标题
######我是标题
效果:
public final String TAG = this.getClass().getName();
实际上:
```
public final String TAG = this.getClass().getName();
```
效果:
没有使用强调
一颗星相当于斜线
两颗星相当于加粗
实际上:
没有使用强调
*一颗星相当于斜线*
**两颗星相当于加粗**
效果:
实际上:
+ 我是列表1,一颗加号 + 若干个空格
- 我是列表1,一颗减号 + 若干个空格
* 我是列表1,一颗星号 + 若干个空格
效果:
1. 我不是有序列表,英文句点前面 + 一个反斜杠
实际上:
1. 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格
2. 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格
3. 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格
1\. 我不是有序列表,英文句点前面 + 一个反斜杠
效果:
这是一个可点击的URL:http://www.csdn.net/
1、行式链接:
大家好,欢迎来看我的博客 博客首页
大家好,欢迎来看我的博客,鼠标移上去可以看到标题 博客首页
链接到同一个主机的资源,可以使用相对路径 本目录下的路径 。
2、推荐使用参考式链接:
大家好,欢迎来看我的博客,参考式链接
3、链接名称:
大家好,欢迎来看我的博客,参考式链接
行式链接方式
参考式链接方式
可以缩放的图片
实际上:
这是一个可点击的URL:<http://www.csdn.net/>
**1、行式链接:**
大家好,欢迎来看我的博客 [博客首页](http://blog.csdn.net/iromkoear)
大家好,欢迎来看我的博客,鼠标移上去可以看到标题 [博客首页](http://blog.csdn.net/iromkoear "神奇的标题")
链接到同一个主机的资源,可以使用相对路径 [本目录下的路径](/about/) 。
**2、推荐使用参考式链接:**
大家好,欢迎来看[我的博客][我的博客链接],参考式链接
[我的博客链接]:http://blog.csdn.net/iromkoear "其实我是个标题"
**3、链接名称:**
大家好,欢迎来看[我的博客][],参考式链接
[我的博客]:http://blog.csdn.net/iromkoear "其实我是个标题2"
*行式链接方式*
![我是图片描述](https://img-blog.csdn.net/20170311003549037?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXJvbWtvZWFy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast "我只是张图片")
*参考式链接方式*
![我是图片描述][我是图片id]
[我是图片id]:https://img-blog.csdn.net/20170311003549037?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXJvbWtvZWFy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast "我只是张图片"
*可以缩放的图片*
在github的项目里面用内部图片:
在整个项目的根目录新建raw目录,将图片放进去,然后使用:
<img height="500" width="800" src="raw/demo.gif" title="展示图片"/>
或者
![image](raw/demo.gif)
可以使用
<p>
<br/>
效果:
我是黑体字
我是微软雅黑
我是华文彩云
黑体
null
gray
实际上:
<font face="黑体">我是黑体字font>
<font face="微软雅黑">我是微软雅黑font>
<font face="STCAIYUN">我是华文彩云font>
<font color=#0099ff size=12 face="黑体">黑体font>
<font color=#00ffff size=3>nullfont>
<font color=gray size=5>grayfont>
效果:
教程标题 | 主要内容 |
---|---|
关于Markdown | 简介Markdown,Markdown的优缺点 |
Markdown基础 | Markdown的基本语法,格式化文本、代码、列表、链接和图片、分割线、转义符等 |
Markdown表格和公式 | Markdown的扩展语法,表格、公式 |
实际上:
教程标题| 主要内容
-------|----------
关于Markdown | 简介Markdown,Markdown的优缺点
Markdown基础 | Markdown的**基本语法**,格式化文本、代码、列表、链接和图片、分割线、转义符等
Markdown表格和公式 | Markdown的**扩展语法**,表格、公式
效果:
姓名 | 年龄 | 性别 |
---|---|---|
张三 | 18 | 女 |
小明 | 23 | 男 |
实际上:
| 姓名 | 年龄| 性别|
|:--------|---------:|:-------:|
| 张三| 18| 女 |
| 小明| 23| 男 |
效果:
跨行表格:
我占了三行 | 第一列 | 第二列 | 第三列 |
---|---|---|---|
第一列 | 第二列 | 第三列 | |
第一列 | 第二列 | 第三列 |
实际上:
<table><tbody>
<tr>
<th rowspan="3">我占了三行th>
<th>第一列th>
<th>第二列th>
<th>第三列th>
tr>
<tr>
<td>第一列td>
<td>第二列td>
<td>第三列td>
tr>
<tr>
<td>第一列td>
<td>第二列td>
<td>第三列td>
tr>
table>
效果:
表格背景色
方法说明 | 颜色名称 | 颜色 |
---|---|---|
此处实现方法利用 CSDN-markdown 内嵌 html 语言的优势 | Hotpink | rgb(240, 248, 255) |
借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置 | AntiqueWhite | rgb(255, 192, 203) |
实际上:
<table><tbody>
<tr>
<th>方法说明th><th>颜色名称th><th>颜色th>
tr>
<tr>
<td><font color="Hotpink">此处实现方法利用 CSDN-markdown 内嵌 html 语言的优势font>td><td><font color="Hotpink">Hotpinkfont>td><td bgcolor="Hotpink">rgb(240, 248, 255)td>
tr>
<tr>
<td><font color="Pink">借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置font>td><td><font color="pink">AntiqueWhitefont>td><td bgcolor="Pink">rgb(255, 192, 203)td>
tr>
table>
颜色列表: CSDN-markdown编辑器语法——字体、字号与颜色
HTML 基础的语法,可试一试在 CSDN-markdown 中使用。注意部分 html 在这里是不被支持的。
CSDN-markdown编辑器语法——字体、字号与颜色
CSDN-markdown 表格样式设置(跨行表格,背景色等)
CSDN-markdown基本语法说明
CSDN Markdown简明教程1-关于Markdown
CSDN Markdown简明教程2-基本使用
CSDN Markdown简明教程3-表格和公式
CSDN Markdown简明教程4-制作UML图
CSDN Markdown简明教程5-快速上手
CSDN Markdown使用LaTeX语法编写数学公式大全