Markdown编辑器使用-yellowcong

本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：

目录

‘[TOC]’标签需要和

• 目录

• TOC标签使用
• MarkDown 图片和链接以及文字

• 图片
• 首行缩进
• 标题背景颜色
• 字体大小
• 链接
• 字体字号与颜色图片居中

• 颜色名列表

• MarkDown图片居中

• MarkDown显示语法的方法
• Html中图片显示

• 最常用的字符实体Character Entities
• 快捷键
• Markdown及扩展

• 表格
• 定义列表
• 代码块
• 脚注
• 数学公式
• UML 图

• 离线写博客
• 浏览器兼容
• 颜色参考

• Markdown和扩展Markdown简洁的语法
• 代码块高亮
• 图片链接和图片上传
• LaTex数学公式
• UML序列图和流程图
• 离线写博客
• 导入导出Markdown文件
• 丰富的快捷键

TOC标签使用

TOC是一个目录生成的MarkDown标签，使用的时候，需要有一个上级目录，然后使用[TOC]就可以自动生成目录了

#目录

[TOC]

MarkDown 图片和链接以及文字

图片

图片的显示和链接类似，不同的是，MarkDown语法中，图片前面多了一个! [图片描述](图片地址)

例子

<!--markdown中图片显示-->
 ![图片描述](图片地址)

首行缩进

对于Markdown编辑器来说，对于中文不是特别的方便，需要通过html的代码，来实现首行缩进的操作

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

标题背景颜色

对于markdown来说，他不支持直接写背景，但是我们可以通过table这个标签中的的td标签，设定 bgcolor这个属性来设定显示的颜色

<table><tr><td bgcolor="#48525E">
<font color="white"><big>背景颜色,yellowcong</big><small>背景颜色,yellowcong</small></font>
</td></tr>
<tr><td bgcolor="red">
<font color="white"><big>背景颜色,yellowcong</big><small>背景颜色,yellowcong</small></font>
</td></tr>
<tr><td bgcolor="blue">
<font color="white"><big>背景颜色,yellowcong</big><small>背景颜色,yellowcong</small></font>
</td></tr>
</table>

字体大小

字体大小,yellowcong字体大小,yellowcong对于markdown来说，字体大小通过font属性设置，并不好，可以使用big和small标签，可以解决字体大小问题。

<big>背景颜色,yellowcong</big><small>背景颜色,yellowcong</small>

链接

语法

<!--markdown中图片显示-->
 [链接名称](http://www.baidu.com)

例子

百度

字体、字号与颜色图片居中

<font face="黑体">我是黑体字</font>  
    <font face="微软雅黑">我是微软雅黑</font>  
    <font face="STCAIYUN">需要粘贴的内容</font>  
    <font color=#0099ff size=7 face="黑体">需要粘贴的内容</font>  
    <font color=#00ffff size=72>需要粘贴的内容</font>  
    <font color=#DC143C size=4> 需要粘贴的内容</font>

Size：规定文本的尺寸大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3。

颜色名列表

颜色表，是通过table标签写的背景， 不是直接出来的

<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>

MarkDown图片居中

MarkDown显示图片,直接显示的时候，不能调节图片的大小和位置，需要使用Html的语法来解决问题

MarkDown显示语法的方法

<!--markdown中图片显示-->
 ![图片](http://avatar.csdn.net/A/6/B/3_yelllowcong.jpg)

显示效果

Html中图片显示

<!--这个地方，不知道为啥，直接写就会导致下面的样式变了，所以在前面，后面，加上   (空格符)，就会没有问题-->
 <div align="center">
     <img src="http://avatar.csdn.net/A/6/B/3_yelllowcong.jpg" width = "100" height = "100" alt="图片名称" />
</div>
<!--实际代码-->
 <div align="center">
    <img src="http://avatar.csdn.net/A/6/B/3_yelllowcong.jpg" width = "100" height = "100" alt="图片名称" />
</div> 

显示效果

最常用的字符实体(Character Entities)

在MarkDown中，注释小段代码可以使用 `注释的类容`

快捷键

Markdown及扩展

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

使用简单的符号标识不同的标题，将某些文字标记为粗体或者斜体，创建一个链接等，详细语法参考帮助？。

本编辑器支持 Markdown Extra , 　扩展了很多好用的功能。具体请参考Github.

表格

Markdown　Extra　表格语法：

可以使用冒号来定义对齐方式：

定义列表

Markdown　Extra　定义列表语法：

项目１ 项目２ 定义 A 定义 B 项目３ 定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码，例如：

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''

脚注

生成一个脚注1.

数学公式

使用MathJax渲染LaTex 数学公式，详见math.stackexchange.com.

• 行内公式，数学公式为：Γ(n)=(n−1)!∀n∈N。
• 块级公式：

x=−b±b2−4ac−−−−−−−√2a

更多LaTex语法请参考 这儿.

UML 图:

可以渲染序列图：

Created with Raphaël 2.1.0 张三 张三 李四 李四 嘿，小四儿, 写博客了没? 李四愣了一下，说： 忙得吐血，哪有时间写。

或者流程图：

Created with Raphaël 2.1.0 开始 我的操作 确认？ 结束 yes no

• 关于 序列图 语法，参考 这儿,
• 关于 流程图 语法，参考 这儿.

离线写博客

即使用户在没有网络的情况下，也可以通过本编辑器离线写博客Markdown编辑器使用浏览器离线存储将内容保存在本地。

用户写博客的过程中，内容实时保存在浏览器缓存中，在用户关闭浏览器或者其它异常情况下，内容不会丢失。用户再次打开浏览器时，会显示上次用户正在编辑的没有发表的内容。

博客发表后，本地缓存将被删除。　

用户可以选择

注意：虽然浏览器存储大部分时候都比较可靠，但为了您的数据安全，在联网后，请务必及时发表或者保存到服务器草稿箱。

浏览器兼容

1. 目前，本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
2. IE９以下不支持
3. IE９，１０，１１存在以下问题

1. 不支持离线功能
2. IE9不支持文件导入导出
3. IE10不支持拖拽文件导入

颜色参考