神兵利器之CSDN-MarkDown常用语法

最新推荐文章于 2024-04-21 22:13:53 发布

mo_weifeng

最新推荐文章于 2024-04-21 22:13:53 发布

阅读量1k

点赞数

分类专栏：神兵利器文章标签：编辑器 markdown 教学体验

本文链接：https://blog.csdn.net/iromkoear/article/details/61226350

版权

神兵利器专栏收录该内容

10 篇文章 0 订阅

订阅专栏

前言

CSDN Markdown编辑器是使用StackEdit修改而来的，但在StackEdit的基础上做了一些细节优化，使得体验更加友好

区块

效果：

区块

实际上：

>区块

缩进

方法1：把输入法由半角改为全角。两次空格之后就能够有两个汉字的缩进
　　
方法2：

效果：

半方大的空白或
全方大的空白或
不断行的空白格或

实际上：

半方大的空白&ensp;或&#8194;
全方大的空白&emsp;或&#8195;
不断行的空白格&nbsp;或&#160;

标题

效果：

我是标题

实际上：

#我是标题
##我是标题
###我是标题
####我是标题
#####我是标题
######我是标题

代码块

效果：

 public final String TAG = this.getClass().getName();

实际上：

 ```
 public final String TAG = this.getClass().getName();
 ```

强调

效果：

没有使用强调
一颗星相当于斜线
两颗星相当于加粗

实际上：

没有使用强调
*一颗星相当于斜线*
**两颗星相当于加粗**

无序列表

效果：

我是列表1，一颗加号 + 若干个空格
我是列表1，一颗减号 + 若干个空格
我是列表1，一颗星号 + 若干个空格

实际上：

+     我是列表1，一颗加号 + 若干个空格
-     我是列表1，一颗减号 + 若干个空格
*     我是列表1，一颗星号 + 若干个空格

有序列表

效果：

我是有序列表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 "其实我是个标题"
<br>

**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 "我只是张图片"

<br>
*可以缩放的图片*
<img height="100" width="230" src="https://img-blog.csdn.net/20170311003549037?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXJvbWtvZWFy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" title="我还能自由缩放哟"/>

在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>null</font>
<font color=gray size=5>gray</font>

表格

效果：

教程标题	主要内容
关于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">Hotpink</font></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">AntiqueWhite</font></td><td bgcolor="Pink">rgb(255, 192, 203)</td>
    </tr>
</table>

其他

参考资料

mo_weifeng

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
神兵利器之CSDN-MarkDown常用语法

前言CSDN Markdown编辑器是使用StackEdit修改而来的，但在StackEdit的基础上做了一些细节优化，使得体验更加友好区块效果：区块实际上：>区块缩进方法1：把输入法由半角改为全角。两次空格之后就能够有两个汉字的缩进　　方法2：效果：半方大的空白或全方大的空白或不断行的空白格或实际上：半方大的空白&ensp;或 全方大的空白&em
复制链接

扫一扫

专栏目录