ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Markdown 学习

2022-09-10 20:31:38  阅读:205  来源: 互联网

标签:空格 Markdown 这是 代码 如下 学习 yexca


引言

最近因建网盘网站了解了一下 Markdown,发现这玩意非常好用,于是写一份学习笔记

可以通过在线编辑器 边看边学,也可下载一些编辑器

个人编写Markdown的工具为 Typora

复习可以去看官方的速查表 Markdown 语法速查表

标题

创建一个标题,仅需#+空格+标题文字,一共有六级,对应 HTML 的 h1~h6

例如以下代码

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

效果如下

这是一级标题

这是二级标题

这是三级标题

······

这是六级标题

换行

仅需在上一行末尾加上俩个以上空格后回车即可,有些编辑器可直接换行

例如以下代码

这是第一行  //这里有俩空格  
这是第二行

效果如下

这是第一行 //这里有俩空格

这是第二行

斜体 & 粗体

斜体为文本前后加一个*,粗体为文本前后加俩**

例如以下代码

*这是斜体*  
**这是粗体**  
***这是斜体加粗体***

效果如下

这是斜体

这是粗体

这是斜体加粗体

引用

创建引用区块仅需在段首添加>+空格+内容

例如以下代码

> 这是一级引用
>> 这是二级引用
>>> 这是三级引用 

效果如下

这是一级引用

这是二级引用

这是三级引用

列表

可以创建有序列表和无序列表

有序列表

在列表项前添加数字+.+空格+内容即可

例如以下代码

1. 第一项
2. 第二项
3. 第三项

效果如下

  1. 第一项
  2. 第二项
  3. 第三项

无序列表

使用+-*+空格+ 内容即可,但请不要混用 (为了兼容性)

子项可以使用四个空格或一个TAB然后用父项格式即可

例如以下代码

* 第一项
    * 第一项子一项
    * 第一项子二项
        * 第一项子二项子一项
* 第二项
* 第三项

效果如下

  • 第一项
    • 第一项子一项
    • 第一项子二项
      • 第一项子二项子一项
  • 第二项
  • 第三项

代码

单行

将要变为代码的内容放在"`"中即可,如果代码中有"`",请使用"``"

例如以下代码

`将此内容变为代码块`
``此内容中含有'`'哦~``

效果如下

将此内容变为代码块

此内容中含有'`'哦~

代码块

可以通过将每一行缩进四个空格或一个TAB

或者上下行"```"包围,要使用高亮,请在上方"```"后写上语言类型

例如以下代码

// 这是使用缩进的C代码
    include<stdio.h>
    int main(void)
    {
        printf("Hello World");
    }
// 这是使用```的C代码
``` C
include<stdio.h>
int main(void)
{
    printf("Hello World");
}
```

效果如下

// 这是使用缩进的 C 代码

include<stdio.h>
int main(void)
{
    printf("Hello World");
}

// 这是使用"```"的 C 代码

include<stdio.h>
int main(void)
{
    printf("Hello World");
}

注:第一种(缩进)部分Markdown编辑器不支持

分割线

在单独一行使用三个及以上的*-_即可

例如以下代码

***
--------
_____

效果如下




链接

简易链接

直接将链接或邮箱地址使用 <> 括起来即可

例如以下代码

<https://yexca.xyz>  
<yexcano@gmail.com>

效果如下

https://yexca.xyz

yexcano@gmail.com

自定义文字的链接

[超链接显示名](超链接地址 "超链接title"),其中 "超链接title" 可以不填

例如以下代码

[yexca的博客](https://yexca.xyz)
[yexca的博客](https://yexca.xyz "其实是yexca和Hiyoung的博客")

效果如下

yexca 的博客

yexca的博客

引用类型链接

例如以下代码

[blog]: https://yexca.xyz
[contact]: https://t.me/yexca

这是我的[个人博客][blog],有问题可以[联系我][contact]

效果如下

这是我的个人博客,有问题可以联系我

图片

插入图片

![图片alt](图片链接 "图片title"),其中‘图片 alt’为当图片加载失败时显示的内容,‘图片 title’为鼠标放图片上显示的内容

注意:部分Markdwon编辑器不支持图片title

例如以下代码

![图片](https://yexca.xyz/wp-content/uploads/2022/01/1636215131487-1024x560.jpg)

效果如下

图片

图片包含链接

使用链接的语法,将图片放在‘[]’里即可

例如以下代码

[![图片](https://yexca.xyz/wp-content/uploads/2022/01/1636215131487-1024x560.jpg)](https://www.pixiv.net/artworks/82542737)

效果如下

图片

转义字符

如果有不想被 Markdown 格式化的字符,只需要在前方加上‘\’即可

例如以下代码

我想打出*但这会被斜体*  
加上转移符\*后面就不会斜体\*而且可以显示

效果如下

我想打出但这会被斜体

加上转移符 * 后面就不会斜体 * 而且可以显示

内嵌 HTML

直接使用即可,以缩略标签为例

例如以下代码

<details>
    <summary>
        点我试试
    </summary>
被发现啦
</details>
我可以用Markdown**变粗**,也可以同时用HTML*变斜*

效果如下

点我试试 被发现啦

我可以用Markdown变粗,也可以同时用HTML变斜

表格

使用三个或多个-创建每列标题,使用|分割每列,使用:以左,右或居中对齐 (非必须)

例如以下代码

|标题|内容|备注|
|:---|:---:|---:|
|左对齐|居中|右对齐|

效果如下

标题 内容 备注
左对齐 居中 右对齐

注意:不可以在表格中添加标题,引用,列表,图像或 HTML 标签等

删除线

在要删除的内容前后添加~~

例如以下代码

我永远喜欢~~战争文学博士~~Warma

效果如下

我永远喜欢战争文学博士 Warma

任务列表

使用-+空格+[ ][x]+空格+内容

例如以下代码

- [ ] 这个没完成呢
- [x] 这个完成啦 

效果如下

使用 Emoji 表情

复制粘贴

多数情况可直接复制 Emojipedia 上的表情直接粘贴,请确保网页编码为’UTF-8‘

使用表情符号简码

这个需要 Markdown 应用程序支持,以冒号:开头和结尾

可以通过表情符号简码列表查询

例如以下代码

:blush:,:smiley:

效果如下

标签:空格,Markdown,这是,代码,如下,学习,yexca
来源: https://www.cnblogs.com/yexca/p/Markdown.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有