美文网首页
初学前端之Markdown

初学前端之Markdown

作者: 张路1806 | 来源:发表于2018-08-29 16:32 被阅读0次

Markdown

Markdown是什么?有什么用?

一种简单的标记语言。现在互联网上有很多展示文章的方式,假如不同的网站的展示方式并没有统一的规则,那么同一篇文章的发布和展示都需要重新大幅度编辑一次,不利于知识的交流。Markdown的存在解决了这个问题,通过简单的书写规则和html对应,通过转化库可以与html相互转化,并且保留原来设定好的格式。

基本语法

在简书平台上其实有很详细的基本语法的使用介绍,这里我就以常见的键盘输入方式介绍几种,平常一般就够用了。

首先是文中的标题:

一级标题的输入方式为“#+空格+标题”
二级标题的输入方式为“##+空格+标题”
.......
五级标题的输入方式为“#####+空格+标题”
(简书上是最多可以达到六级的,那些问七八级的同学是不是该反省一下自己文章布局,别告诉我你在写超难的科研文章,我生物学毕设也才用到四级→_→)

标题格式.png

插入图片

插入图片的方式为:“![图片名称](图片的链接地址)”
本地的图片可以上传到github的储存库里面,然后将链接复制过来。
就比如说我上文的这个图片插入的写法就是:


图片插入方式.png

备注:简书上这么写是不行的,因为对图片安全性的要求,所以直接下载到本地,然后上传就可以了。

插入链接

加入链接的方式和加入图片很像,只是没有前面的感叹号而已。
例如:简书写法就是:

链接写法.png

引用

在需要引用时前面加上“>”就可以了,例如:

床前明月光

就是在“床前明月光”前面加上“>”

加粗和斜体

在你要加粗的文字左右两边各加上**
在你要变成斜体的两边各加上*
加粗
斜体

加粗和斜体的写法.png

无序列表和有序列表

段落前加“-”为无序列表,段落前加“数字”和“.”为有序列表

  • 无序列表
  • a
  • b
  1. 有序列表
  2. a
  3. b
    备注:在“-”的后面需要加空格,有序列表同样如此。
    有序列表和无序列表.png

表格

表格展示效果如下:

表头 A B
c d e

写法为下图


表格写法.png

展示代码

单行展示时,在前后加上` 即可
多行展示时,在第一列和最后一列的前面加上···
展示效果:

Var a=1
Var b=2

Var a=1
写法如图:

代码展示.png

相关文章

  • 初学前端之Markdown

    Markdown Markdown是什么?有什么用? 一种简单的标记语言。现在互联网上有很多展示文章的方式,假如不...

  • 2018-02-05

    # 初学markdown ##

  • Markdown库研究 && 前端MD模块推荐 -- Mavo

    指路牌 Markdown库研究 前端解析markdown 前端markdown编辑器 适用场景 前端markdow...

  • 初学markdown

    MarkDowm的优点 纯文本,所以兼容性极强,可以用所有文本编辑器打开。 让你专注于文字而不是排版。 格式转换方...

  • markdown初学

    文韬立 文韬立 文韬立 文韬立 文韬立文韬立 文韬立 文韬立 回去生气

  • 初学Markdown

    Update 09/01/2015恕我无知,Mou并非如我文中所说是歪国软件,而是一款地地道道的国产软件,原作者为...

  • MarkDown初学

    标题 在Markdwon中, 标题标识边是在前面加#号 ,# 和 标题之间建议保留一个空格这是标准的MarkDow...

  • MarkDown初学

    你好啊 markdown简体中文版手册markdown繁体中文版手册markdown手册markdown手册And...

  • 初学Markdown

    Markdown是什么 markdown是一种易读易写的文本语言。 一份使用 Markdown 格式撰写的文件应该...

  • Markdown初学

    标题: 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 Markdown: 斜体粗体删除线: 一盏灯,...

网友评论

      本文标题:初学前端之Markdown

      本文链接:https://www.haomeiwen.com/subject/vwehwftx.html