15.04.25-MarkdownEditor

it2022-05-05 93

My-Markdown-Blog with Brief Code of Title斜体的实现粗体的实现无序列表有序列表LINK超链接图片使用脚注这种神奇的东西下划线表格定义列表代码块目录数学公式UML 图:离线写博客浏览器兼容

My-Markdown-Blog with

Brief Code of Title

下面的代码可以用CTRL+K

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

斜体的实现

CTRL+IThis Could Be InterestingThis Could Be Interesting

_This Could Be Interesting_ *This Could Be Interesting*

粗体的实现

CTRL+B粗体粗体粗体粗体

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

无序列表

CTRL+U

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

有序列表

CTRL+O

列表内容列表内容列表内容 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+伤害](https://img-blog.csdn.net/20150425173630743) //嵌套了超链接，食用味道更佳哦

脚注这种神奇的东西

hello[^he] [^he]: hi

hello[^hello] [^hello]: hi

下划线

---------- ___

表格

Markdown　Extra　表格语法：

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

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

项目价格数量Computer1600 元5Phone12 元12Pipe1 元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'''

数学公式

使用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编辑器使用浏览器离线存储将内容保存在本地。

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

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

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

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

浏览器兼容

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

转载于:https://www.cnblogs.com/GeekPanda/p/4456726.html

专利

最新回复(0)