15.04.25-MarkdownEditor

My-Markdown-Blog with

Brief Code of Title

下面的代码可以用CTRL+K

#一级标题
##二级标题
//若在文字后面添加- 和 = 可分别表示二级和一级标题，刚好是反的。
//稍微有些有趣~
//几个#表示几级标题，最大为6
//这个代码段存在于六个`中间（Tab键上那个
//当然前方的双斜杠是我的个人注释习惯
意外发现有变色功能

斜体的实现

CTRL+I
This Could Be Interesting
This Could Be Interesting

_This Could Be Interesting_ 
*This Could Be Interesting*

粗体的实现

CTRL+B
粗体粗体
粗体粗体

__粗体粗体__
**粗体粗体**

无序列表

CTRL+U

  • 列表内容
  • 列表内容
 - 列表内容
 - 列表内容

有序列表

CTRL+O

  1. 列表内容
  2. 列表内容
  3. 列表内容
 1. 列表内容
 2. 列表内容
 3. 列表内容

LINK超链接

请百度参考噗

请百度[参考](http://www.baidu.com )噗

带注释的参考比如[点我][1]、[点我][2]和[点我][4]
[1]: http://google.com/
[2]: http://search.yahoo.com/
[4]: http://search.msn.com/

带注释的参考比如[点我][1]、[点我][2]和[点我][4]
[1]: http://www.google.com/ 
[2]: http://search.yahoo.com/
[4]: http://search.msn.com/

图片使用

单身狗受到了2000+伤害

![单身狗受到了2000+伤害](//img-blog.csdn.net/20150425173630743)
//嵌套了超链接，食用味道更佳哦

脚注这种神奇的东西

hello[1]

hello[^hello]
[^hello]: hi

下划线

----------
___

表格

Markdown　Extra　表格语法：

项目 价格
Computer $1600
Phone $12
Pipe $1
Nope GEEKPANDA
-------- ---
wtf WTH 
项目     | 价格
-------- | ---
Computer | $1600
Phone    | $12
Pipe     | $1
Nope	|GEEKPANDA
--------|---
wtf     |WTH

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

项目 价格 数量
Computer 1600 元 5
Phone 12 元 12
Pipe 1 元 234 
| 项目      |    价格 | 数量  |
| :-------- | --------:| :--: |
| Computer  | 1600 元 |  5   |
| Phone     |   12 元 |  12  |
| Pipe      |    1 元 | 234  |

定义列表

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

目录

生成目录：

目录

[TOC]

数学公式

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

  • 行内公式，数学公式为：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。
  • 块级公式：

$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

 - 行内公式，数学公式为：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。
 - 块级公式：

$$	x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

UML 图:

可以渲染序列图：

Note left of 张三:  赶紧问道
张三->李四: 嘿，小四儿, 写博客了没?
Note right of 李四: 李四愣了一下，说：
李四-->张三: 忙得吐血，哪有时间写。
Note left of 张三:  赶紧问道

//```sequence
Note left of 张三:  赶紧问道
张三->李四: 嘿，小四儿, 写博客了没?
Note right of 李四: 李四愣了一下，说：
李四-->张三: 忙得吐血，哪有时间写。
Note left of 张三:  赶紧问道
//```

或者流程图：

st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op

//```flow
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op
//```

离线写博客

即使用户在没有网络的情况下，也可以通过本编辑器离线写博客（直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。

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

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

用户可以选择 把正在写的博客保存到服务器草稿箱，即使换浏览器或者清除缓存，内容也不会丢失。

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

浏览器兼容

  1. 目前，本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
  2. IE９以下不支持
  3. IE９，１０，１１存在以下问题
    1. 不支持离线功能
    2. IE9不支持文件导入导出
    3. IE10不支持拖拽文件导入

  1. hi ↩︎

posted @ 2015-04-25 21:15  GeekPanda  阅读(129)  评论(0)    收藏  举报