Markdown基础 | 字节青训营笔记

272 阅读5分钟

这是我参与「第四届青训营 」笔记创作活动的的第14天!


Markdown常用语法介绍


什么是Markdown?


6{([5(W6~3`N44ZOZ42Z8J9.gif]

Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTMLPDF 以及本身的.md/*格式的文件。因简洁、高效、易读、易写。

它相较于Word,兼容性非常高,可以跨平台使用,不用担心那些版本兼容问题,并且现在Markdown被大量使用,如Github、Wikipedia、简书等。

让我们从Markdown标题语法开始学习吧


1、Markdown标题语法

要想创建一个标题,首先我们可以在单词或短语前面添加井号 (#) 。# 的数量代表了标题的级别。标题的设置需要在标题名称前加上#,一个#代表一级标题,两个#号代表二级标题.

示例

# 这是一级标题     
## 这是二级标题    
### 这是三级标题   

效果

image.png

注意:不同的 Markdown 应用程序处理 # 和标题之间的空格方式并不一致。为了兼容考虑,请用一个空格在 # 和标题之间进行分隔。Markdown标题语法要严格按照格式书写。
e.g. 一级标题的写法应为# 这是一级标题而不是#这是一级标题大家一定要把中间的空格要手动补上。

@2%BP_ZU(ZDTN@)CBUDCZO.gif

书写标题还可以在文本下方添加任意数量的 == 号来标识一级标题,或者 -- 号来标识二级标题。
示例

 这是一级标题    
 ===========

效果:

image.png

示例

 这是二级标题    
 -----------
 

效果:

image.png

标题语法到此就结束了,让我们一起去学习下一个语法吧!!!\color{blue}{标题语法到此就结束了,让我们一起去学习下一个语法吧!!!}

2、Markdown段落语法

要想写一个段落,直接用空白行将一行或多行文本进行分隔即可,想进行换行,在一行的末尾添加两个或多个空格,然后按回车键,即可创建一个换行。

示例:

让我们来一起学习Markdown语法吧!

第一次学习Markdown语法,第一次使用Markdown。如果有什么错误的地方,请指出。

如果有什么错误的地方,请指出,我们一起进步!!!

效果展示:

让我们来一起学习Markdown语法吧!

第一次学习Markdown语法,第一次使用Markdown。如果有什么错误的地方,请指出。

如果有什么错误的地方,请指出,我们一起进步!!!


Markdown可与HTML混编所以我们也可以使用html来进行换行

示例:

Markdown
<br>
Markdown

效果展示:

Markdown
Markdown

又学会了一个Markdown语法!!!\color{blue}{又学会了一个Markdown语法!!!}

3、 Markdown 强调语法

  • 加粗
在需要加粗的文字两边使用两个*号给包括起来

示例:

**Markdown**
**Markdown**

效果展示:
Markdown
Markdown

  • 斜体
在需要倾斜的文字左右使用一个*号包括起来

示例:

*Markdown*
*Markdown*

效果展示:

Markdown

Markdown

  • 斜体加粗
在需要斜体加粗的文字左右使用三个*号包括起来

示例:

***Markdown***
***Markdown***

效果展示:

Markdown

Markdown

  • 删除线
要加删除线的文字左右分别使用两个~~号包起来

示例:

~~Markdown~~
~~Markdown~~

效果展示:

Markdown

Markdown

我们可以通过将文本设置为粗体或斜体来强调其重要性!!!\color{blue}{我们可以通过将文本设置为粗体或斜体来强调其重要性!!!}


@%1I%OXR7)_}F{AFLJQ$U.gif

让我们一起来学习Markdown的下一个语法吧!!!\color{red}{让我们一起来学习Markdown的下一个语法吧!!!}


4、Markdown 引用语法

要创建块引用,请在段落前添加一个 > 符号。 示例:

>我爱学习

效果展示:

我爱学习

嵌套块引用,在要嵌套的段落前添加一个 >> 符号 示例:

>这是引用内容
>>这是引用内容
>>>这是引用内容

效果展示:

我爱学习 这是引用内容

这是引用内容

这是引用内容

5、Markdown列表语法

下面给大家分别介绍有序列表、无序列表的使用方法。

  • 有序列表 有序列表则使用数字接着一个英文句点。

示例:

  1. 第一天学习Markdown
  2. 第二天学习Markdown
  3. 第三天学习Markdown

效果展示:

  1. 第一天学习Markdown

  2. 第二天学习Markdown

  3. 第三天学习Markdown

  • 无序列表 使用 *,+,- 表示无序列表。

示例:

  * 第一天学习Markdown
  * 第二天学习Markdown
  + 第三天学习Markdown
  + 第四天学习Markdown
  - 第五天学习Markdown
  - 第六天学习Markdown

效果展示:

  • 第一天学习Markdown
  • 第二天学习Markdown
  • 第三天学习Markdown
  • 第四天学习Markdown
  • 第五天学习Markdown
  • 第六天学习Markdown

XP0(UAEDA25R6G[VBIX9IPR.gif]

你的分享太精彩了,让我们一起来学习Markdown的下一个语法吧!!!\color{red}{你的分享太精彩了,让我们一起来学习Markdown的下一个语法吧!!!}


6、Markdown代码语法

  • 单行代码:

要将单词或短语表示为代码,请将其包裹在反引号 (`) 中。

示例:

 `printf("Hello, world\n");`

效果展示:

printf("Hello, world\n");

  • 代码块

要创建代码块,请将代码块的每一行缩进至少四个空格或一个制表符

示例:

    #include <stdio.h>
    int main() 
    {
      printf("Hello, world\n");
      return 0;
    }

效果展示:

#include <stdio.h>
int main() 
{
  printf("Hello, world\n");
  return 0;
}

代码块开头与结尾分别使用三个反引号包括起来

示例:

```
#include <stdio.h>
int main() 
{
  printf("Hello, world\n");
  return 0;
}
```

效果展示:

    #include <stdio.h>
    int main() 
    {
      printf("Hello, world\n");
      return 0;
    }

~DJW@6HMC}3OFJLR_Y)Z(8H.gif

Markdown的常用语法马上就学习完了,让我们一起努力吧!!!\color{red}{Markdown的常用语法马上就学习完了,让我们一起努力吧!!!}


~DJW@6HMC}3OFJLR_Y)Z(8H.gif


7、Markdown 分隔线语法

分隔线的创建很简单,使用三个或多个星号 (***)、破折号 (---) 或下划线 (___) 就可以创建分隔线,但是它不能包含其他内容,并且是在单独的一行创建。

示例:

***
---
___

效果展示:




1HZUDFK$PXUXP6%PQTSW)1Q.gif

8、Markdown 链接语法

  • 超链接

Markdown超链接语法代码:[超链接显示名](超链接地址 "超链接title") 链接文本放在中括号内,链接title是当鼠标悬停在链接上时会出现的文字,这个title是可选的,它放在圆括号中链接地址后面,跟链接地址之间以空格分隔。

示例:

[字节跳动](https://www.bytedance.com/zh)
[字节跳动](https://www.bytedance.com/zh "我想去字节跳动")

效果展示:

字节跳动

字节跳动

  • 网址和Email地址

使用尖括号把URL或者email地址变成可点击的链接。

示例:

<https://www.bytedance.com/zh>

效果展示:

www.bytedance.com/zh

9、Markdown 图片语法

我一般的选择是直接拖进去或者是复制粘贴,简单方便哈哈哈哈!!!\color{red}{我一般的选择是直接拖进去或者是复制粘贴,简单方便哈哈哈哈!!!}


具体的图片用法可以去菜鸟教程查看,下面是链接

www.runoob.com/markdown/md…

S~LWY7C8DV}Q91QC%Q6HH.png

S~LWY7C8DV}Q91QC%Q6HH.png

S~LWY7C8DV}Q91QC%Q6HH.png

S~LWY7C8DV}Q91QC%Q6HH.png

S~LWY7C8DV}Q91QC%Q6HH.png

10、Markdown 表格

  • 制作表格

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

示例:

| 姓名 | 年龄 |
| ---  | ---  |
| 张三 |  18  |
| 李四 |  28  |

效果展示:

姓名年龄
张三18
李四28
  • 对齐方式

我们可以设置表格的对齐方式:

  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。

示例:

| 姓名 | 年龄  |性别 |
| :---  | :---:  |---: |
| 张三 |  18  ||
| 李四 |  28  ||
|左对齐|居中|右对齐|

效果展示:

姓名年龄性别
张三18
李四28
左对齐居中右对齐

W[ERKYBY%H33TB{T(3{4RGP.gif]

11、总结

到这里最基本的Markdown语法也学习完了,Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,写出来的东西呈现出丰富的文字排版效果。我们可以轻松实现,标题选择,文字加粗,文字斜体,添加链接,添加图片等功能,完全能够满足我们日常的需要,这让我们完全用键盘就能写出漂亮的文字排版样式。

Markdown可与HTML混编,使用说除了一些简单的格式以外,我们想要一些字体的颜色和段落的样式,我们可以使用内嵌HTML标签进行包裹。

第一次学习Markdown,也是第一次用Markdown来写笔记,肯定会有很多理解不到位的地方,希望大家可以指出,我一定会积极改进,不断进步,希望在这次青训营中大家可以一起进步,提升自己,取得好成绩。

YL(491TW{[9~DG(@`TFZ@7D.gif]

YL(491TW{[9~DG(@`TFZ@7D.gif]

YL(491TW{[9~DG(@`TFZ@7D.gif]