markdown 工具_提高生产力的好工具--MarkDown语法学习

本文作者：值友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存储。目前来说够用，续费价格也还可以。

技术简化生活，打赏让我快乐