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

前言

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,一颗星号 + 若干个空格

有序列表

效果:

  1. 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格
  2. 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格
  3. 我是有序列表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语法编写数学公式大全

你可能感兴趣的:(神兵利器,编辑器,markdown,教学,体验)