欢迎使用Markdown编辑器写博客

冷不防 2022-05-18 08:09 264阅读 0赞

# **欢迎使用Markdown编辑器写博客** #

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

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

--------------------

## 快捷键 ##

*  加粗 `Ctrl + B`
 *  斜体 `Ctrl + I`
 *  引用 `Ctrl + Q`
 *  插入链接 `Ctrl + L`
 *  插入代码 `Ctrl + K`
 *  插入图片 `Ctrl + G`
 *  提升标题 `Ctrl + H`
 *  有序列表 `Ctrl + O`
 *  无序列表 `Ctrl + U`
 *  横线 `Ctrl + R`
 *  撤销 `Ctrl + Z`
 *  重做 `Ctrl + Y`

## Markdown及扩展 ##

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

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

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

### 表格 ###

**Markdown　Extra**　表格语法：

项目 | 价格  
——– | — Computer | 1600Phone|1600Phone|12 Pipe | $1

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

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

### 定义列表 ###

**Markdown　Extra**　定义列表语法： 项目１ 项目２ : 定义 A : 定义 B

项目３ : 定义 C

定义 D

> 定义D内容

### 代码块 代码块语法遵循标准markdown代码，例如： “\` python @requires\_authorization def somefunc(param1=”, param2=0): ###

'''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None class SomeClass:
    pass

*  1
 *  2
 *  3
 *  4
 *  5
 *  6

> > > message = ”’interpreter … prompt”’ “\`

### 脚注 生成一个脚注\[^footnote\]. \[^footnote\]: 这里是 **脚注** 的 *内容*. ###

### 目录 用 `[TOC]`来生成目录： ###

*  [欢迎使用Markdown编辑器写博客][Markdown]
    
     *  [快捷键][Link 3]
     *  [Markdown及扩展][Markdown 1]
        
         *  [表格][Link 4]
         *  [定义列表][Link 5]
         *  [代码块 代码块语法遵循标准markdown代码，例如： “\` python @requires\_authorization def somefunc(param1=”, param2=0):][_markdown_ _ python _requires_authorization def somefunc_param1_ param2_0]
         *  [脚注 生成一个脚注\[^footnote\]. \[^footnote\]: 这里是 脚注 的 内容.][_footnote_. _footnote_ _ _ _ _.]
         *  [目录 用 \[TOC\]来生成目录：][_ _TOC]
         *  [数学公式 使用MathJax渲染LaTex 数学公式，详见\[math.stackexchange.com\]\[1\].][_MathJax_LaTex _math.stackexchange.com_1_.]
         *  [UML 图:][UML]
     *  [离线写博客][Link 6]
     *  [浏览器兼容][Link 7]

### 数学公式 使用MathJax渲染*LaTex* 数学公式，详见\[math.stackexchange.com\]\[1\]. ###

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

x=−b±b2−4ac−−−−−−−√2ax=−b±b2−4ac2a

更多LaTex语法请参考 \[这儿\]\[3\].

### UML 图: ###

可以渲染序列图：

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

或者流程图：

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

st->op->cond cond(yes)->e cond(no)->op “\`

*  关于 **序列图** 语法，参考 \[这儿\]\[4\],
 *  关于 **流程图** 语法，参考 \[这儿\]\[5\].

## 离线写博客 ##

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

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

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

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

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

## 浏览器兼容 ##

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

--------------------

\[1\]: [http://math.stackexchange.com/][http_math.stackexchange.com] \[2\]:  
[https://github.com/jmcmanus/pagedown-extra][https_github.com_jmcmanus_pagedown-extra] “Pagedown Extra” \[3\]:  
[http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference][http_meta.math.stackexchange.com_questions_5020_mathjax-basic-tutorial-and-quick-reference]  
\[4\]: [http://bramp.github.io/js-sequence-diagrams/][http_bramp.github.io_js-sequence-diagrams] \[5\]:  
[http://adrai.github.io/flowchart.js/][http_adrai.github.io_flowchart.js] \[6\]:  
[https://github.com/benweet/stackedit][https_github.com_benweet_stackedit]

[Link 1]: https://zh.wikipedia.org/wiki/Markdown
[Link 2]: http://www.csdn.net/
[Markdown]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E6%AC%A2%E8%BF%8E%E4%BD%BF%E7%94%A8markdown%E7%BC%96%E8%BE%91%E5%99%A8%E5%86%99%E5%8D%9A%E5%AE%A2
[Link 3]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E5%BF%AB%E6%8D%B7%E9%94%AE
[Markdown 1]: https://blog.csdn.net/qq_34178990/article/details/80704297#markdown%E5%8F%8A%E6%89%A9%E5%B1%95
[Link 4]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E8%A1%A8%E6%A0%BC
[Link 5]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E5%AE%9A%E4%B9%89%E5%88%97%E8%A1%A8
[_markdown_ _ python _requires_authorization def somefunc_param1_ param2_0]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E4%BB%A3%E7%A0%81%E5%9D%97-%E4%BB%A3%E7%A0%81%E5%9D%97%E8%AF%AD%E6%B3%95%E9%81%B5%E5%BE%AA%E6%A0%87%E5%87%86markdown%E4%BB%A3%E7%A0%81%E4%BE%8B%E5%A6%82-python-requiresauthorization-def-somefuncparam1-param20
[_footnote_. _footnote_ _ _ _ _.]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E8%84%9A%E6%B3%A8-%E7%94%9F%E6%88%90%E4%B8%80%E4%B8%AA%E8%84%9A%E6%B3%A8footnote-footnote-%E8%BF%99%E9%87%8C%E6%98%AF-%E8%84%9A%E6%B3%A8-%E7%9A%84-%E5%86%85%E5%AE%B9
[_ _TOC]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E7%9B%AE%E5%BD%95-%E7%94%A8-toc%E6%9D%A5%E7%94%9F%E6%88%90%E7%9B%AE%E5%BD%95
[_MathJax_LaTex _math.stackexchange.com_1_.]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F-%E4%BD%BF%E7%94%A8mathjax%E6%B8%B2%E6%9F%93latex-%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F%E8%AF%A6%E8%A7%81mathstackexchangecom1
[UML]: https://blog.csdn.net/qq_34178990/article/details/80704297#uml-%E5%9B%BE
[Link 6]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E7%A6%BB%E7%BA%BF%E5%86%99%E5%8D%9A%E5%AE%A2
[Link 7]: https://blog.csdn.net/qq_34178990/article/details/80704297#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9
[write.blog.csdn.net_mdeditor]: http://write.blog.csdn.net/mdeditor
[http_math.stackexchange.com]: http://math.stackexchange.com/
[https_github.com_jmcmanus_pagedown-extra]: https://github.com/jmcmanus/pagedown-extra
[http_meta.math.stackexchange.com_questions_5020_mathjax-basic-tutorial-and-quick-reference]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
[http_bramp.github.io_js-sequence-diagrams]: http://bramp.github.io/js-sequence-diagrams/
[http_adrai.github.io_flowchart.js]: http://adrai.github.io/flowchart.js/
[https_github.com_benweet_stackedit]: https://github.com/benweet/stackedit