markdown编辑器教程（提高生产力的好工具--MarkDown语法学习）
markdown编辑器教程（提高生产力的好工具--MarkDown语法学习）4 MarkDown here(生成相应的html语言)3 马克飞象(个人推荐)Markdown常用工具1 MarkdownPad2 MarkPad。
本文作者：值友6794745020
什么是Markdown
Markdown 是一种用来写作的轻量级「标记语言」，它用简洁的语法代替排版，而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字，用「标记」语法，来代替常见的排版格式。例如此文从内容到格式，甚至插图，键盘就可以通通搞定了。原本以为张大妈已经支持了markdown语法写作了，当时现在看来并没有支持这种格式。我们目前就只能够通过markdown here将我们写作的东西转化成html的格式，也算是实现了markdown的效果。
像我这种一直对于格式不敏感的广大程序员们 队友以前写文章的各种调整格式很是头痛。但Markdown帮助我们解决了这个问题。让我们能够专注与文字内容 而不再是格式 问题。
Markdown常用工具
1 MarkdownPad
2 MarkPad。
3 马克飞象(个人推荐)
4 MarkDown here(生成相应的html语言)
Markdown常用语法
通过了解Markdown的常用语法 能够让我们快速掌握其中要点。主要给新手小白普及下如何使用这个语法快速的插入图片，添加标记，排版等功能。
语法大致分为以下部分:
▸ 标题
▸ 段落
▸ 区块引用
▸ 代码区块
▸ 强调
▸ 列表
▸ 分割线
▸ 链接
▸ 图片
▸ 反斜杠
▸ 符号
▸ 表格
▸ 流程图(需要外部支持)
▸ 数学公式(需要外部支持)
▸ 流程图(需要外部支持)
标题
标题
标题是每篇文章的常用格式 在这里你可以用#表示一级标题 ##表示二级标题 依此类推。是不是感觉到十分的方便。
列表
星号加上数字表示无须列表 而1.表示有序列表
引用图片
使用我们常见的大于符号就可以了。
这是一个引用
链接与图片的不同之处在于图片在前面多了一个感叹号!。
Alt text
Alt text：图片的Alt标签，用来描述图片的关键词，可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字，后来又被用于SEO，可以方便搜索引擎根据Alt text里面的关键词搜索到图片。 图片链接：可以是图片的本地地址或者是网址。”optional title”：鼠标悬置于图片上会出现的标题文字，可以不写。
也可以使用将图片直接存入到markdown中，这样的好处是不同将图片专门上传。直接存入到文章(使用base64编码方式)里面，方便！具体的可以参考 ：图片显示为base64
转化图片为base64格式的网址：转换图片
粗体与斜体
使用2个 包含一个文本表示粗体 一个包含表示斜体
这是一个粗体 粗体 这是一个斜体*
粗体斜体
表格
:——表示左对齐 ——:表示右对齐 :——:表示两端对齐
插入代码
显示效果对于代码不够友好，我放弃了
。对于我们这种程序猿简直是一大福利呀 需要写入代码的地方直接加入你要的代码就可以了。貌似张大妈对于代码的兼容性不是很好呀。张大妈的程序员应该加油支持了。。。
。这都显示成这样了。。
分割线
另起一行输入*就可以了
分割线
反斜杠
主要针对那些和我们语法冲突的地方处理的。列如我想输入快乐但是我不想Markdown识别出来是斜体，这个时候只需要在星号前面加上反斜杠就可以了，这样就不会被Markdown所识别。
反斜杠
奇淫技巧
前面说的能够使用Markdown写流程图和数学公式以及PPT。这些目前主流的这些MD编辑器都没有很好的支持。不过难不倒程序猿。
大部分都是引入第三方 JavaScript 插件来实现。
流程图和时序图
有部分网站和编辑器实现了对 Markdown 里流程图和时序图的支持，比如我们使用的项目管理工具 TAPD 的在线编辑器，还有 VSCode 插件 Markdown Preview Enhanced 等。当然目前使用较多的是mermaid。
画出的流程图，还是挺好看的
数学公式
插入数学公式需要满足一定的规则(语法)，具体可以参考:LaTex数学公式说明
总结
Markdown的专注于内容的功能 能够让我们写出好看的博客。减轻我们的劳动。当然今天讲的只是Markdown语法的一小部分，Markdown的其他用法有待于我们去发掘。
Markdown能够简化我们处理文档的时间，统一的格式能让我们在多个平台上进行发送和传播。
本文使用的CSS是李笑来的样式:李笑来个人样式
本文使用的图床是七牛存储，每个月免费10G存储。目前来说够用，续费价格也还可以。
技术简化生活，打赏让我快乐
