美文网首页
Markdown教程

Markdown教程

作者: happying_001 | 来源:发表于2020-05-18 19:44 被阅读0次

Markdown 教程

Markdown是一种清凉级标记语言,它允许人们使用易读易写的纯文本格式编写的文档。

编辑器

  1. Mou 是一款由国人开发的Markdown 编辑器,支持实时预览,但是仅支持 苹果操作系统,可以说是目前最好用的免费 Markdown 编辑器,对汉字兼容性非常好。提供语法高亮、在线预览、同步滚动、全屏模式,支持自定保存、自动匹配,允许自定义主题等等。支持 CSS,HTML 和 PDF 导出等功能

  2. MarkdownPad被很多人称赞为windows下最好用的Markdown编辑器之一,不过仅支持windows

  3. Typora也是非常用名,非常好用的markdown编辑器,它的设计理念很不一样,是真正的即时预览型编辑器,不同于左右两个窗口的编辑器

  4. Atom 可以说是专门为程序员推出的一个文本编辑器,界面简洁,支持实时预览。功能非常多,除了Markdown同时支持CSS,HTML,JavaScript等网页编程语言,还支持宏定义,自动分屏功能等。

  5. Haroopad也是一款非常流行的编辑器,来自韩国。Haroopad支持 Windows、Mac OS X 和 Linux三大操作系统。Haroopad的特色是主题样式丰富,语法高亮支持无数种编程语言,几乎你能想到的编程语言他都支持。

这里只列举这几个,下面的操作都以Typora来操作

Markdown 标题

Markdown标题格式

使用#号标记

使用#号可表示1-6级标题,一级标题对应一个#号,二级标题对应两个#号,以此类推。

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

Markdown段落

Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车

字体

斜体斜体 使用*或者下划线_

粗体粗体 使用**或者_ _

粗斜体粗斜体 使用***或者 ___

[图片上传失败...(image-308c6d-1589802213491)]

分割线

用三个以上的减号---建立分割线:


删除线

如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可

删除线

下划线

下划线可以通过HTML 的<u></u>标签来实现:

<u style="box-sizing: border-box;">下划线文本</u>

脚注

脚注是对文本的补充说明

Markdown脚注格式如下

[^要注明的文本]

[^RUMOOB]:学习Markdown掌握知识

创建一个文本RUMOOB

[RUMOOB] 学习Markdown掌握的知识

Markdown列表

Markdown支持有序列表和无序列表

无序列表

无序列表使用星号(*)、加号(+)减号(-)作为列表标记

星号(加号或者减号) 空格 第一项内容 回车

  • 11111

再按回车取消列表

有序列表

有序列表使用数字并加上 . 号来表示,如

数字 点 空格 回车

  1. 1111

  2. 2222

列表嵌套

列表嵌套只需按键盘上的Tab建

  1. 第一项:

    • 1

    • 2

星号 空格 回车 Tab建创建二级列表 空格 回车

Markdown区块

1

2

3

列表中嵌套区块,同样使用Tab键,如下* 空格 > 1

  • 1

Markdown代码

可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定)

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="javascript" cid="n336" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">```javascript</pre>

Markdown代码

[链接名称](链接地址) 或者 <链接地址>

例如: 百度地址

www.baidu.com

Markdown图片

Markdown 图片语法格式如下:

![alt](图片地址)

![alt]( 图片地址 "可选标题 ")

![img](图片地址)

![avatar](图片地址)

  • 开头一个感叹号 !

  • 接着一个方括号,里面放上图片的替代文字

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

Markdown表格

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

语法格式如下:|表头|表头|表头|

表头 表头

相关文章

网友评论

      本文标题:Markdown教程

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