欢迎使用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


 

 

文章目录
一、前言
二、简单应用
三、高级应用
1、主题支持
2、代码风格支持
四、问题解决
1、微信外链问题
2、引用内换行
3、代码缩进问题
4、文章目录错乱问题

一、前言

最近搞了个微信公众号，想把博客的文章转过去，但是由于微信公众号不支持 markdown 格式，而我已经离不开 markdown 了，这段时间基本都是在用 markdown 来写博客，于是上网找了很多现成的转换软件，很多都不太理想，要么是排版问题，要么是不支持 LaTex 的数学公式，要么是不支持 markdown 的一些扩展功能，比如 UML 流程图。周末在家为了这个事情折腾了一个下午，终于找到了一款相对来说比较不错的转换工具：https://www.mdnice.com/

二、简单应用

只要把博客里的 markdown 文本复制粘贴过去，然后点击右上角的 复制到公众号，就可以转换成公众号支持的格式了；



三、高级应用
1、主题支持

可以定制自己的 markdown 主题，主要是一些 css 语法；
可以定制 字体大小、颜色、引用、图片、超链接 等等的显示样式；


2、代码风格支持

可以直接选择自己喜欢的代码风格，包括一些很常用的风格：vs2015、vscode、github、momokai 等等；


四、问题解决

当然，细节上还是有不少问题，不过作为程序员，发现问题，解决问题，本身就是我们最乐意做的事情，这样才能不断提升自己的技术实力嘛！毕竟，把事情做好做完美也是一件很有成就感的事！

1、微信外链问题

由于微信公众号不支持外链，所以这个工具提供了一个在格式菜单栏微信外链转脚注的功能，所有的链接都会显示在文章末尾的【参考资料】一栏；

2、引用内换行

由于 markdown 解析器的不同，这个工具的换行和 csdn 不一样，csdn 是支持引用内换行的（直接敲回车就行），但是该工具不支持，所以得到的结果是这样的：
为了支持引用内换行，我们可以使用<br>符号，再配合上&emsp;进行分段前的首行空两格；效果如下：



3、代码缩进问题

csdn 的 tab 默认是 4 个空格的缩进，但是这个工具复制粘贴过去后，是1个空格的，就会导致代码很难看，所以记得在编辑的时候就确保所有的 tab 都按照你想要的空格数转换成空格，以免造成不同平台不一致；
对于有代码洁癖的人来说，缩进还是很重要滴！！！



4、文章目录错乱问题

加入一级目录以后，用 [TOC] 无法生成正确的目录，所以索性不用了，直接放图片吧。