前端笔记markdown

MarkDown编辑语法的学习

2018-08-22  本文已影响41人  六个周

最近在简书写文章时,发现对MarkDown语法的了解是如此的欠缺,本文便是进行学习整理出来的一份MarkDown学习笔记。
首先,学习该语法前,我们要明白Markdown 语法的目标是:成为一种适用于网络的书写语言,能让文档更容易读、写和随意改。


标题{#}

Markdown支持两种标题写法:

  • 利用【===】(最高阶标题) 和【---】(第二阶标题)来定义标题。
  • 利用【#】这是H1,【##】这是H2,……【######】H6(推荐)

区块引用{>}

  • 在段落前使用【>】符号,则代码显示为上段与本段的样式显示(在一>个灰色方框中)
  • Markedown也可以使用【>>】进行引用嵌套,例如下面的显示:
这是在本段话前添加【>>#####】,而进行的一级显示。
这是在本段话前添加【>>>######】,而进行的显示
 这是空格加TAB制表符的显示

列表{+加空格}

无序列表使用星号(*)、加号(+)、减号(-)作为列表标记。我们掌握i+号,实例如下:
有序列表使用使用数字(随意一个数字)接着一个英文句点
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

代码区块{空行+制表符}

这里是代码区块的示例。
显示上方代码,只有空一行加一个制表符就可以了。

分割线{***}

例如上面的分割线,只要在一行代码中输入【***】,那么就可以实现上面显示的横线。


区块元素

链接

Markdown 支持两种形式的链接语法: 行内式和参考式两种形式。
不管是哪一种,链接文字都是用 [方括号] 来标记。

只要在【方块括号】后面紧接着【圆括号】并插入网址链接即可,例如下面的显示:
我的前端笔记

参考式的链接是在链接文字的【方块括号】后面再接上另一个【方块括号】,而在第二个方括号里面要填入用以辨识链接的标记,例如下面的显示:
我的微博主页
我的简书主页

强调{*或者_}

Markdown 使用星号(*)和底线(_)作为标记强调字词的符号,被 * 或 _ 包围的字词会被转成用 <em> 标签包围,用两个 * 或 _ 包起来的话,则会被转成 <strong>.
示例1(一个*前后包围起来的文字)
示例2(两个*前后包围起来的文字)

代码{`}

Use the printf() function.

上面的示例与本示例是使用反引号(`或者``)将它包起来而改变的颜色。

图片

同样也允许两种样式: 行内式和参考式。参考上面,这里只记行内式:
行内式的图片语法与显示如下:
[image](图片地址)

image

其它

自动链接

比如链接到我的简书主页,我直接在编辑器中输入
https://www.jianshu.com/u/5842abb77bd1,显示如下:

https://www.jianshu.com/u/5842abb77bd1

以上便是我做的一些总结,希望对你有所帮助。

上一篇下一篇

猜你喜欢

热点阅读