• 150455

    文章

  • 1009

    评论

  • 13

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

Markdown:入门教程


本文将会从 Markdown 最重要的几点知识元素进行入门学习。

(PS:本文中,配图部分,均选用了 VSCode 作为 Markdown 编辑器进行效果演示)


Markdown 入门必知:

  • 标题
  • 列表
  • 链接和图片
  • 引用
  • 粗体和斜体
  • 代码
  • 表格

首先,看下 Markdown 的优点:

  • 纯文本
  • 可以让你专注于文字而不是排版
  • 格式转换方便(Markdown 的文本,你可以轻松转换为 html、pdf、doc、xls 等格式)
  • Markdown 的标记语法有极好的可读性

下面,直接入正题 ……

标题

这是最为常用的格式。在平时常用的的文本编辑器中大多是这样实现的:输入文本、选中文本、设置标题(文本)格式

而在 Markdown 中,你只需要在文本前面加上 # 即可,同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题,总共六级,只需要增加 # 即可,标题字号相应降低。例如:

注: #「一级标题」 之间建议保留一个字符的空格,这是最标准的 Markdown 写法。

(PS:这个其实和网页中的标题是一致的,分别对应 html 中的 <h1></h1> …… <h6></h6> 的标签。)

列表

列表可以分为无序列表和有序列表,它们分别对应于 html 中的 <ol></ol> 和<ul></ul> 。这个也是非常常用的。

Markdown 中的无序列表,你只需要在文字前面加上 - 就可以了。

Markdown 中的有序列表,只需要在文字前面加上 1. 就可以了(注意了:事实上,这个可以是任意一个阿拉伯数字再加上一个英文的句号,都可以。而不一定是 1.,也可以是2.,甚至是 111.,对于这个阿拉伯数字到底是几没有要求。Markdown 中会自动按着最正确的数字顺序进行“有序排列”。)。 例如:

注:-1.和文本内容之间要保留一个字符的空格

链接和图片

在 Markdown 中,插入链接不需要其他按钮,你只需要使用 [显示文本](链接地址) 这样的语法即可。

在 Markdown 中,插入图片也不需要其他按钮,你只需要使用 ![](图片链接地址) 这样的语法即可。

两者的语法非常相似。但唯一的区别是,插入图片只是比插入链接多了前面的一个 ! ,并且插入图片不需要 [显示文本] 部分,内部是置空的。例如:

注:插入图片的语法和链接的语法很像,只是前面多了一个 (并且 [显示文本] 置空)。

引用

总会有一些时候,我们写的文字需要 引用 一些其他著作上的文字,那么就可以将 引用 派上用场了。

引用 的使用方法也很简单:你只需要在你想要 引用 的文字前面加上符号 > 。例如:

注:> 和文本之间要保留一个字符的空格

粗体和斜体

在 Markdown 中,粗体和斜体,使用上也很简单。

左右各两个 * 中间包裹的文字,就是粗体的; 左右各一个 *,中间包裹的文字,就是斜体的。 如图:


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客