Markdown学习笔记
*网上关于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的语法和应用有更详细的介绍。
参考资料:
Markdown 教程 https://www.runoob.com/markdown/md-tutorial.html