大家好,我是IT修真院深圳分院第01期学员,一枚正直纯洁善良的web程序员。
今天给大家分享一下,修真院官网js任务11,深度思考中的知识点——什么是Markdown??
一、背景介绍
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeX,Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。
二、知识剖析
2.1 markdown有什么优点?
1.专注文字内容而不是排版样式。对于文字工作者来说这一点极其重要。好的想法转瞬而逝,markdown可以让你迅速地把它们记录下来,不用纠结于字体字号行间距等等琐碎事项。
2.可以导出HTML、PDF和本身的.md文件。
「易写」不需要用鼠标,通过几个字符就能清楚地设定文章结构,进行文章排版,而且语法极其简单,学习成本非常低,可以轻松的进入沉浸式写作,而不用纠结于排版。
「易读」Markdown具有极强的兼容性,转换为富文本或者HTML之后还能保持原有的格式。不会出现我是用pages写的,windows打不开,或者我是新版的word写的,旧版的打开后格式有问题这类情况。
2.2 常用的Markdown 编辑器
1)OSX:
VSCode
Typora
MacDown
RStudio
2)Linux:
VSCode
ReText
UberWriter
RStudio
3)Windows:
VSCode
Miu
Typora
RStudio
4)iOS:
5)浏览器插件:
MaDo (Chrome)
Marxico(Chrome)
三、常见问题
常用的markdown标记语法有哪些?
四、解决方案
4.1.标题
输入#大标题#就能得到大标题;输入##子标题##就能得到子标题。注意:需要在#后加一个空格,这是最标准的Markdown语法。
4.2.引用
如果你需要引用一小段别处的句子,那么就要用引用的格式。只需要在文本前加入>这种尖括号(大于号)即可。需要引用代码时,如果引用的语句只有一段,不分行,可以用`将语句包起来。如果引用的语句为多行,可以将```置于这段代码的首行和末行。
4.3.表格
做表格也没问题,但仅限于展示,计算什么的还是用Excel。
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
显示效果:
4.4.粗体和斜体
Markdown的粗体和斜体也非常简单,用两个*包含一段文本就是粗体的语法,用一个*包含一段文本就是斜体的语法
4.5.链接和图片
在Markdown中,插入链接不需要其他按钮,你只需要使用[显示文本](链接地址)这样的语法即可,例如:
[简书](http://www.jianshu.com/p/a3d4475b31ca)
在Markdown中,插入图片不需要其他按钮,你只需要使用![](图片链接地址)这样的语法即可,例如:
![](http://upload-images.jianshu.io/upload_images/259-0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
注:插入图片的语法和链接的语法很像,只是前面多了一个 !。
4.6.列表
列表格式也很常用,在Markdown中,你只需要在文字前面加上-就可以了,例如:
-文本1
-文本2
-文本3
如果你希望有序列表,也可以在文字前面加上1. 2. 3.就可以了,例如:
1.文本1
2.文本2
3.文本3
注:-、1.和文本之间要保留一个字符的空格
五、编码实战
详见视频:
六、拓展思考
markdown编辑器比传统的富文本编辑器有什么优势?
Markdown的理念是,能让文档更容易读、写和随意改,Markdown的格式语法只涵盖纯文本可以涵盖的范围。只需要学习几个简单的符号,然后专注于码字,文字的排版只是多打几个符号而已。
七、参考文献
参考一:Markdown 语法说明
参考二:什么是Markdown?
八、更多讨论
markdown和html相比有什么区别?
感谢大家观看
今天的分享就到这里啦,欢迎大家点赞、转发、留言、拍砖~
你可以直接点击此链接与我一起学习:邀请码