美文网首页
markdown学习笔记

markdown学习笔记

作者: 初晨的风儿 | 来源:发表于2019-08-17 13:49 被阅读0次

首先介绍一下:Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。本文就是通过Markdown进行编写。

Markdown基本语法:


一、标题

在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

示例如下:

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、段落及区块引用

一个比较常见的需求就是,我们可能希望对某段文字进行强调处理。Markdown提供了一个特殊符号>用于段首进行强调,被强调的文字部分将会高亮显示。
示例如下:

> 这段文字将被高亮显示

效果如下:

这段文字将被高亮显示

引用也可以嵌套,如加两个>>三个>>>
示例如下:

> 第一层
>>第二层

效果如下:

第一层

第二层

三、字体

字体标记在别的标记内部也适用(除```包裹的代码块)

加粗

要加粗的文字左右分别用两个*号包起来
示例如下:

>**这段文字将被加粗**

效果如下:

这段文字将被加粗

斜体

要倾斜的文字左右分别用一个*号包起来
示例如下:

*这段文字将变为斜体*

效果如下:

这段文字将变为斜体

斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来
示例如下:

>***这段文字将变为斜体加粗***

效果如下:

这段文字将变为斜体加粗

删除线

要加删除线的文字左右分别用两个~~号包起来
示例如下:

>~~这段文字将被加删除线~~

效果如下:

这段文字将被加删除线

四、分割线

三个或者三个以上的 - 或者 * 都可以。

示例如下:

---
----
***
*****

效果如下:




五、插入链接或图片

Markdown针对链接和图片的处理示例如下:

[点击跳转至百度](http://www.baidu.com)
![image](https://img.haomeiwen.com/i14709203/ab3fc020d8d384ad.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

效果如下:
点击跳转至百度

六、列表

无序列表

示例如下:

- 列表内容
+ 列表内容
* 列表内容

注意:- + * 跟内容之间都要有一个空格

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

示例如下:

1. 列表内容
2. 列表内容
3. 列表内容

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套

上一级和下一级之间敲三个空格即可
示例如下:

* 一级内容
    * 二级内容
      * 三级内容

效果如下:

  • 一级内容
    • 二级内容
      • 三级内容

七、表格

第二行分割表头和内容,同时决定了表的布局方式。
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

示例如下:

表头|表头|表头
-|:-:|-:
内容|内容|内容
内容|内容|内容
表头 表头 表头
内容 内容 内容
内容 内容 内容

七、代码

单行代码:代码之间分别用一个反引号包起来
示例如下:

`this.handleLoginButtonClick();`

效果如下:
this.handleLoginButtonClick();

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

示例如下:

(```)
function fun(){
  console.log("Network Error");
}
fun();
(```)
为了显示,将三个反引号包裹起来,实际使用要去掉括号

效果如下:

function fun(){
  console.log("Network Error");
}
fun();

在文章中所有的示例都已用代码块包裹起来

相关文章

  • MARKDOWN学习笔记

    标题 # MARKDOWN学习笔记 MARKDOWN学习笔记 MARKDOWN学习笔记- MARKDOWN学习笔记...

  • 文章目录

    Markdown学习 Markdown学习 Java学习 Servlet学习笔记 Java问题 Tomcat问题修...

  • markdown笔记

    markdown学习笔记 https://ouweiya.gitbooks.io/markdown 标题 强调 这...

  • 课堂学习部分摘要

    10月4日 学习markdown 语法 有道云笔记markdown指南 学习markdown语法,是文体内容简洁规...

  • Markdown 语法学习笔记

    Markdown 语法学习笔记 学习 Markdown 语法说明做的笔记 写了一些例子,按这些例子自己动手输入一遍...

  • 第一周总结

    本周完成的主要学习内容有: 学习使用Markdown写一篇简书 学习使用Markdown[笔记] https:...

  • Markdown 基本语法

    Markdown语法 当前文档仅用作个人学习笔记,来源: Markdown 中文文档 概述设计理念Markdown...

  • 【JS】自制简单的Markdown编辑器

    瞎扯 现在 markdown 来编写 笔记,是非常流行的一种语言. 学习 markdown 的难度很低, 只要学习...

  • markdown 学习笔记

    MarkDown笔记   为了在github上记录自己的学习过程中,今天特地学习了markdown。markdow...

  • 生信学习小组 D1

    Day 1 学习笔记 markdown 学习笔记 学习常见语法,加粗 斜体 斜体+加粗 插入图片 代码块 插入图...

网友评论

      本文标题:markdown学习笔记

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