Markdown学习笔记

2020-01-14  本文已影响0人  为腹不为目_7a92

*网上关于Markdown的学习笔记俯拾皆是,说明神器已成标配,更说明“纸上得来终觉浅,绝知此事要躬行”,一千个读者有一千个哈姆雷特,而一千个学Markdown的人有一千种学法。见贤思齐再反思诸己,勇敢迈出第一步后逢山开路遇水架桥,才能学有所获。道阻且长,行则将至。 ——题记*

Markdown  是一种轻量级的「标记语言」,由英国人John Gruber于1984年创建,初衷是希望用简洁的语法代替排版,其常用的标记符号不超过十个,相对更为复杂的 HTML 语言Markdown 十分轻量,虽然初时艰涩,但学习曲线极短、成本几乎忽略不计,很快便会沉浸其中乐而忘返。本人以Typora作为Markdown编辑器。

一、标题

标题文字前加#,几个#就是第几级标题,可设置1-6级标题。
示例:

效果:

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

注意:#要在行首,文字才可显示为标题。一些教程提及#后应加空格,本人用Typora实测#号后加不加空格没有差别。还有些教程提及=和-可标记一级和二级标题,本人用Typora实测不可以。

二、文字格式

1. 字体

效果:
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本

2. 删除线

文字的两端加上两个波浪线 ~~ 即可添加删除线。
示例:

效果:
BAIDU.COM

3. 分隔线

在一行中用三个以上的星号*、减号-、底线_来建立一个分隔线,行内不能有其他符号或文字。
示例:

效果:



注意:设置多条分隔线时似乎宽窄交替,没有查到是什么原因,欢迎指教。

4.下划线

​ 通过HTML的<u>和</u>实现文本下划线。

示例:

效果:

带下划线文本

三、引用

效果:

我是引用的内容

我也是引用的内容

我也也是引用的内容

我也也也是引用的内容

四、列表

效果:
1.第一项:
    第一项嵌套的第一个元素
    第一项嵌套的第二个元素
2.第二项:
    第二项嵌套的第一个元素
    第二项嵌套的第二个元素


##五、图片

开头一个感叹号 !

接着一个方括号,里面放图片下方的解释文字,可省略文字而只有空的方括号。

接着一个普通括号,里面放上图片的地址,本地图片可选择文件地址,网络图片可填网址,最后还可以用引号包住并加上选择性的 'title' 属性的文字,title可省略。

示例:

六、超链接

效果:
这个链接用 1 作为网址变量Google
这个链接用 runoob 作为网址变量Runoob
然后在文档的结尾为变量赋值(网址)
[1] http://www.google.com/
[runoob] http://www.runoob.com/

七、表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
示例:

而Typora仅需使用|来分割表头不同单元格,Enter后即可生成表格,行数、列数等都可调整。

八、代码

效果:

$(document).ready(function() {
alert('RUNOOB');
});

###九、转义

Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,可使用反斜杠转义特殊字符。

示例:

效果:

**文本加粗**

\*\*正常显示星号\*\*

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

十、角标

角标内容会被放在文末,点击角标可以实现跳转,点击文末的返回按钮即可返回角标,使用 [^] 来定义脚注。
示例:

效果(注释在下页的脚注):
这篇博客是有关MarkDown基本语法的博客[^1] ,希望以后继续加油,多写博客[^2]。
[1] [球丁丁的第一篇学习博客]
[2] [加油加油加油]

以上是我从网络上获得的中文资料总结而来的内容。

如果计算机英语底子够好,Firefox浏览器有个很厉害的插件markdown here可以将浏览器编辑器里的Markdown转换成更精美的 HTML文档,这个插件有个Markdown Here Cheatsheet,对markdown的语法和应用有更详细的介绍。

参考资料:

e师姐,会Markdown能提升幸福感?

高鸿祥,Markdown基本语法

饥人谷_球丁丁,MarkDown 基本语法

Markdown 教程 https://www.runoob.com/markdown/md-tutorial.html

印象笔记 Markdown 入门指南

上一篇下一篇

猜你喜欢

热点阅读