欢迎使用Markdown编辑器写博客

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


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页面。    ——  [ 维基百科 ]


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

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



表格

Markdown　Extra　表格语法：




  
项目
  
价格



  
Computer
  
$1600


  
Phone
  
$12


  
Pipe
  
$1




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




  
项目
  
价格
  
数量



  
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]来生成目录：



欢迎使用Markdown编辑器写博客

快捷键
Markdown及扩展

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


离线写博客
浏览器兼容









数学公式

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


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




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


更多LaTex语法请参考 这儿.



UML 图:

可以渲染序列图：





或者流程图：






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




离线写博客

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

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

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

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


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




浏览器兼容


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

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




这里是 脚注 的 内容. ↩

markdown 基本语法总结
文章目录
markdown 基本语法总结
1.标题
2.分割线
3. 块引用
4. 表格
5. 插入代码段
6. 插入链接
7.插入表情：
8.下划线：
9. 删除线：
10. 强调内容：
11. 斜体
12. 插入图片
1. 插入本地图片
2. 插入网络图片
3. 把图片存入markdown文件
A: 用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。
B: 最后，怎么得来base64的图片编码？？
4. 当然这不是最好的办法
13. 任务列表
14. 列表：

1.标题
# 一级标题  注意：符号跟文字之间有空格
## 二级标题
### 三级标题
...... 以此类推

2.分割线
*** 或 ---

3. 块引用
> 块引用
> * 块内列表

效果如下：

块引用

块内列表



4. 表格
字段 | 名称 |     列表     
:--: | :--: | :---------: 
 id  |      | 主键，自增长 
name | 名字 |              
age  | 年龄 |              注： 其中冒号‘：’表示以什么方式居中

也可以使用：Ctrl+t快速插入表格
效果如下：




字段
名称
备注




id

主键，自增长


name
名字



age
年龄



5. 插入代码段
使用 ```或者 *** 回车即可

例如：
def aaa(n):
	print('hello world!)

6. 插入链接
使用 [链接文字](链接地址)
例如： [百度](https://www.baidu.com/)

效果如下：
链接：  百度
7.插入表情：
使用:happy:输入高兴的表情，使用:sad:输入悲伤的表情，使用:cry:输入哭的表情等。以此类推！
?
?
8.下划线：
用HTML的语法，<u>underline</u> 将产生下划线
效果：有下划线的文字
9. 删除线：
使用 ~~ 包裹文字：注意英文下输入
效果: 删除线
10. 强调内容：
**使用两个 * 号强调的内容**
__使用两个下划线强调内容__	     注：符号和文字之间没有空格

效果如下：
**使用两个* 号强调的内容 **
使用两个_ 号强调的内容
11. 斜体
标准的 Markdown 中*和 _ 包裹的内容会斜体显示 ，也就是一对单星号*
效果： 斜体显示
12. 插入图片
插图的最基础格式是：
![Alt text](图片链接 "optional title")


Alt text：图片的Alt标签，用来描述图片的关键词，可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字，后来又被用于SEO，可以方便搜索引擎根据Alt text里面的关键词搜索到图片。 图片链接：可以是图片的本地地址或者是网址。“optional title”：鼠标悬置于图片上会出现的标题文字，可以不写。

1. 插入本地图片
只需要在基础语法的括号中填入图片的位置路径即可，支持绝对路径和相对路径。

例如：
![avatar](/home/picture/1.png)


缺点：
不灵活不好分享，本地图片的路径更改或丢失都会造成markdown文件调不出图。

2. 插入网络图片
只需要在基础语法的括号中填入图片的网络链接即可，现在已经有很多免费/收费图床和方便传图的小工具可选
![avatar](http://www.pptok.com/wp-content/uploads/2012/08/xunguang-4.jpg)

效果图：


缺点：
图片存在网络服务器，比较依赖网络

3. 把图片存入markdown文件
A: 用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。


基础用法：
![avatar](data:image/png;base64,iVBORw0......
这个时候会发现插入的这一长串字符串会把整个文章分割开，非常影响编写文章时的体验。如果能够把大段的base64字符串放在文章末尾，然后在文章中通过一个id来调用，文章就不会被分割的这么乱了.


高级用法：
比如：
![avatar][base64str]
[base64str]:data:image/xxx.png;base64,iVBORw0......


B: 最后，怎么得来base64的图片编码？？


使用python 将图片转化为 base64 字符串
import base64
f=open('723.png','rb') #二进制方式打开图文件
ls_f=base64.b64encode(f.read()) #读取文件内容，转换为base64编码
f.close()
print(ls_f)



base64字符串转化为图片
import base64
bs='iVBORw0KGgoAAAANSUhEUg....' # 太长了省略
imgdata=base64.b64decode(bs)
file=open('2.jpg','wb')
file.write(imgdata)
file.close()



4. 当然这不是最好的办法
最好的办法是你将图片上传到第三方平台，比如七牛云，百度云，京东云，网易云等，将获取图片链接，填入即可
具体方法百度： markdown结合图床神器
MPic-图床神器下载链接： 点击链接下载
13. 任务列表
-[ ] 吃饭
-[ ] 逛街
-[ ] 看电影

语法： 
-[空格]空格 文字—–代表没有选中的复选框
-[x]空格 文字——代表选中的复选框

14. 列表：
输入+, -, *,创建无序的列表，使用任意数字开头，创建有序列表，例如：
**无序列表:热门语言排行榜**
* java
* python
* C

无序列表:热门语言排行榜

java
python
C

Markdown编辑器

　Markdown 其实在 2004 年就有了，不过之前一直很小众，这几年随着相关应用平台的发展，Markdown以其独到的优势迅速火起来了。Markdown编辑器使用一套格式标记语言来对文档内容进行排版和格式显示。而Markdown的标记很少，常用的也就十个左右，它是一种非常轻量的标记语言。

　Markdown编辑器深受技术人员的喜爱，Markdown可以用来编写说明文档，用它写的文档很多技术平台都能通用；Markdown可以用来写技术博客，可以使说明部分和代码都非常清晰易读；Markdown格式转换方便，还可以轻松地将文本转换为 html、pdf等。

Markdown编辑器分类

　按照Markdown编辑器的使用环境，可以将它们归纳为三类。

平台集成工具：各大在线博客、社区平台自带的写作工具，比如CSDN、博客园、简书等。
	
独立软件类：下载到自己机器上使用的独立产品，可以编辑本地文件，比如Mou、MarkdownEditor、Haroopad等。
	
插件类：他自己本身是不能独立使用的，可以在你现有的主流编辑器安装，使你现有的编辑器具有Markdown的功能，比如Atom、WebStorm、Sublime Text等。
　这三类软件分别面向三类Markdown用户，大家可以根据自己的需求来选择使用。

　下面是我收集的一些业界比较受欢迎的Markdown编辑器，喜欢用Markdown的朋友可以一起看看，一起探讨。

1、Mou

　Mou 是一款由国人开发的Markdown 编辑器，支持实时预览，但是仅支持 苹果操作系统，可以说是目前最好用的免费 Markdown 编辑器，对汉字兼容性非常好。提供语法高亮、在线预览、同步滚动、全屏模式，支持自定保存、自动匹配，允许自定义主题等等。支持 CSS，HTML 和 PDF 导出等功能。

　Mou是独立的软件。

　更多介绍及下载：http://25.io/mou/



 

２、MarkdownPad

　MarkdownPad被很多人称赞为windows下最好用的Markdown编辑器之一，不过仅支持windows。它有免费版和收费版（MarkdownPad Pro），一般情况下免费版就够用了，想用pro版的可以自行网上下载，强大的国人crack无处不在的~ ~。

　MarkdownPad支持键盘快捷键和工具栏操作，即可添加标记也可移除，支持即时HTML预览、支持自定义配色方案、字体、大小和布局、支持音乐视频，可以导出HTML和PDF。

　MarkdownPad是独立的软件。

　更多介绍及下载：http://markdownpad.com/



 

３、Typora

　Typora也是非常用名，非常好用的markdown编辑器，它的设计理念很不一样，是真正的即时预览型编辑器，不同于左右两个窗口的编辑器。Typora的设计理念就是极致简洁，它将「写字」和「预览」这两件事情合并了。

　如果要修改已经写好的markdown标记可以点击切换到“源代码模式”。

　Typora 同样支持 Windows、OS X 和 Linux多个操作系统，支持数学编辑，可与 Word 直接格式转换，可以进行多种文档格式转换。Typora 流畅度和反应速度很快，特别适合那些手速快的人。

　Typora是独立的软件。

　更多介绍及下载：https://www.typora.io/



 

4、Atom

　Atom 可以说是专门为程序员推出的一个文本编辑器，界面简洁，支持实时预览。功能非常多，除了Markdown同时支持CSS，HTML，JavaScript等网页编程语言，还支持宏定义，自动分屏功能等。Atom还具有语义输入模式，比例输入code即会自动开启代码模式。

　Atom支持windows、苹果、linux等多种操作系统。Atom是由著名的github平台出品的。

　Atom是独立的软件，也支持插件方式。

　更多介绍及下载：https://atom.io/



 

5、Haroopad

　Haroopad也是一款非常流行的编辑器，来自韩国。Haroopad支持 Windows、Mac OS X 和 Linux三大操作系统。Haroopad的特色是主题样式丰富，语法高亮支持无数种编程语言，几乎你能想到的编程语言他都支持。Ubuntu/Linux 用户使用该工具比例很高，Haroopad 也是开源免费的。Haroopad也支持导出HTML、PDF，也支持数学公式和流程图。

　Haroopad是独立的软件。

　更多介绍及下载：http://pad.haroopress.com/user.html



 

6、SublimeText

　SublimeText界面简约大方，定位专业，功能强大，并具有良好的扩展功能。SublimeText是收费软件，支持windows、苹果、linux三大操作系统。支持的编程语言有十几种，并可通过第三方插件无限扩充。

　SublimeText默认不能实时预览，但通过 Markdown Preview 的插件来实现该功能。SublimeText屏幕右边有一个文档缩略图，可以看到文档全貌。

　SublimeText是独立的软件，也支持插件方式。

　更多介绍及下载：http://www.sublimetext.com/



 

7、Cmd Markdown

　Cmd Markdown是一款不错的写作工具，同时也兼顾博客等写作平台，国内作业部落出品，同时支持Windows、苹果、Linux操作系统，也有 Web 在线创作平台，界面很舒服。

　Cmd Markdown是独立的软件、也有平台集成版本。

　更多介绍及下载：https://www.zybuluo.com/mdeditor



 

8、Byword

　Byword。一款轻量级的 Markdown 编辑器，比较容易上手，适合新手使用。支持苹果系列系统，包括台式机、iPad和iPhone，收费软件。

　Byword是独立的软件。

　更多介绍及下载：https://bywordapp.com/



 

9、CuteMarkEd

　CuteMarkEd 是一个基于qt5的Markdown 编辑器，开源免费，支持windows、苹果、linux多种系统平台，提供实时 HTML 预览、数学表达式、代码高亮和PDF导出。

　CuteMarkEd是独立的软件。

　更多介绍及下载：https://cloose.github.io/CuteMarkEd/



10、Dillinger

　Dillinger是国外的 Markdown 编辑器，Web在线创作。漂亮强大，支持md、 html、pdf 文件导出，支持Dropbox、Bitbucket、Github、Google Drive、Onedrive 一键保存，也可以编写本地文件。支持实时预览，跨平台，浏览器打开。

　Dillinger是平台集成工具，不是独立的软件。

　更多介绍及下载：https://dillinger.io/



 

11、EpicEditor

　EpicEditor 是个嵌入式 JavaScript Markdown 编辑器，可以全屏编辑，在线预览，自动草稿保存，支持离线等功能。对于开发者有很大吸引力，很容易集成在自己的系统中，并很容易自定义，也支持主题自定义。

　EpicEditor属于插件类的API工具。

　更多介绍及下载：http://ww1.epiceditor.com/



 

12、MarkdownEditor

　MarkdownEditor是一款基于浏览器的 Markdown 编辑器，虽然他是独立软件，但该软件内嵌一个浏览器。功能非常简单实用、反应速度很快，号称是Markdown领域的NotePad（记事本）。MarkdownEditor还有拼写检查功能。

　MarkdownEditor有两个版本，都是国人开发的，都是开源免费的。

　MarkdownEditor是独立的软件、也有在线Web集成版。

　更多介绍及下载：http://jbt.github.io/markdown-editor/



 

13、MarkPad

　MarkPad是免费开源的 Markdown 编辑器，界面风格与window系统类似，同时只支持Window。支持实时预览，开放直接保存到你的博客或github的接口，有语法检查，支持代码高亮。

　MarkPad是独立的软件。

　更多介绍及下载：http://code52.org/DownmarkerWPF/



 

14、Marxico

　Marxico中文名马克飞象，有桌面版、Chrome App插件，也支持Web集成版。这款编辑器的特点是可以直接把文本存到印象笔记平台中，另外还有导出HTML时可以将其中的图片自动转成base64保存。其他的实时预览、语法高亮也都支持。

　不过这款软件是收费的~ ~

　Marxico是独立的软件、同时有Chrome App插件，也支持Web集成。

　更多介绍及下载：http://marxi.co/



 

　实在太困了，就先介绍这么多吧~ ~ ~ （PS:刚接触写博客，发现还真是个累活呀:-P）

最后

　markdown编辑器产品非常多，以上只是本人接触过的一些，相信还有很多很好的markdown存在，其实也没必要全都试一遍，只有最适合自己的，才是最好的。

　如果你用过其中的一种，或者你用过其他好用的markdown编辑器，欢迎交流分享。

　如果你还是喜欢传统的富文本编辑器，请看我的另一篇文章《几款主流好用的富文本编辑器（所见即所得常用编辑器）介绍》,

　如果想了解markdown编辑器和富文本编辑器的区别，请参考《markdown编辑器与富文本编辑器优缺点比较，哪个更好用》

 


转载请注明原文地址：https://blog.csdn.net/davidhzq/article/details/100815332


 

 

  
不同的markdown引擎支持的语法格式会有所不同，本文列出的是绝大多数markdown引擎都会支持的基础语法。




1. 标题



# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题 


  
注：# 和「标题文字」之间建议保留一个字符的空格，这是最标准的 Markdown 写法。




2. 粗体、斜体、删除线

markdown代码：



*我是斜体*
**我是粗体**
***我是粗斜体***
~~我是删除线~~

显示效果：

我是斜体 
我是粗体 
我是粗斜体 
我是删除线



3. 表格

markdown代码：



|学号|姓名|分数|
|-|-|-|
|小明|男|75|
|小红|女|79|
|小陆|男|92|

显示效果：

学号
  
姓名
  
分数
小明
  
男
  
75
小红
  
女
  
79
小陆
  
男
  
92
4. 有序列表

markdown代码：



1. 文本1
2. 文本2
3. 文本3

显示效果：

文本1
文本2
文本3

  
注：1. 和文本之间要保留一个字符的空格，而且CSDN的渲染器要求第一个列表要和上面内容之间空一行。




5. 无序列表

markdown代码：



- 文本1
- 文本2
- 文本3

显示效果：

文本1
文本2
文本3
注：- 和文本之间要保留一个字符的空格，而且CSDN的渲染器要求第一个列表要和上面内容之间空一行。



6. 行内代码块

markdown代码：



C语言里的函数 `scanf()` 怎么使用？

显示效果：

C语言里的函数 scanf() 怎么使用？



7. 多行代码块

用``` 和 ```来包裹多行代码，第一个``` 可以指明编程语言。

markdown代码： 


显示效果：



#include <stdio.h>
int main() {
    return 0;
}



8. 分割线

可以在一行中用三个以上的减号、底线来建立一个分隔线，行内不能有其他内容。

markdown代码：



---
___

显示效果：

9. 超链接

语法格式为[链接文字](链接地址 "链接标题")，[]里写链接文字，()里写链接地址, ()中的”“中可以为链接指定title属性，title属性为可选。title属性的效果是鼠标悬停在链接上会出现指定的title文字。链接地址与链接标题前有一个空格。

markdown代码：



欢迎来到[jeffery博客](http://blog.csdn.net/china_jeffery "china_jeffery")

显示效果：

欢迎来到jeffery博客



10. 图片

语法格式为![图片Alt](图片地址 "图片Title")，图片Alt的意思是如果图片因为某些原因不能显示，就用定义的图片Alt文字来代替图片。 图片Title则和超链接中的链接标题一样，表示鼠标悬停与图片上时出现的文字。 图片Alt 和 图片Titlee 都是可选的。



11. 引用

在希望引用的文字前面加上>即可，支持多级引用。

markdown代码：



> 一级引用
>> 二级引用
>>> 三级引用
>>>> 四级引用

显示效果：


  
一级引用
  
  

    
二级引用
    
    

      
三级引用
      
      

        
四级引用
      
    
  




12. 空格

markdown不支持空格，需要使用html标记&nbsp;

markdown代码：



你好&nbsp;&nbsp;&nbsp;jeffery

显示效果：

你好   jeffery



13. 字体、字号、颜色

markdown不支持设置字体、字号、颜色，需要使用html标记来实现。

markdown代码：



<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font color=#0099ff size=23 face="黑体">我是黑体，颜色#0099ff 字号23</font>

显示效果：

我是黑体字 
我是微软雅黑 
我是黑体，颜色#0099ff 字号5


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




14. 数学公式及符号

markdown代码：



$x^{y^z}=(1+e^x)^{-2xy^w}$
$log_{2}n$
$f(x, y) = 100 * \lbrace[(x + y) * 3] - 5\rbrace$
$\frac{1}{3}$
$\cfrac{1}{3}$
$\sqrt[3]{X}$
$\sqrt{5 - x}$

显示效果： 
xyz=(1+ex)−2xywxyz=(1+ex)−2xyw
log2nlog2n
f(x,y)=100∗{[(x+y)∗3]−5}f(x,y)=100∗{[(x+y)∗3]−5}
1313
1313
X−−√3X3
5−x−−−−√5−x



其他符号大全