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存储。目前来说够用,续费价格也还可以。
技术简化生活,打赏让我快乐