Markdown学习

前言

内容根据“【狂神说Java】Java零基础学习视频通俗易懂”里的“P6预科02:Markdown语法详解”编写。

此文章使用 VSCode进行编写,所以编写实际情况和视频里使用 Typora会有一些差别。此外 VSCode还安装了 Markdown All in One v3.4.3和 Paste Image v1.0.4两个扩展。


一级标题

二级标题

三级标题

标题是由#号,空格和标题内容三个部分以从左到右的顺序组成。#号后面至少要有一个空格。 Markdown最多支持六级标题,也就是说标题最多只能放6个#号。


字体

由于使用了 VSCode编辑 Markdown。并安装了 Markdown All in One v3.4.3扩展,所以快捷键可能不同。


粗体

快捷键:Ctrl + B

或者在段落前后各加上两个*号。

Hello,World!


斜体

快捷键:Ctrl + I

或者在段落前后各加上一个*号。

Hello,World!


斜体加粗

快捷键:Ctrl + I,Ctrl + B

或者在段落前后各加上三个*号。

Hello,World!


删除线

快捷键:没找到(Ctrl + U用不了)

或者在段落前后各加上两个~号。

Hello,World!


引用

引用是由>号和内容两个部分以从左到右的顺序组成。>号后面因为个人习惯,会加一个空格。

这是引用的例子。但编辑时博客园预览出来的效果和普通文本一样。


分割线

个人习惯第一种(主要是不用组合键,离手也比较进)


三个减号---

效果如下:


三个星号***

效果如下:



图片

由于使用了 VSCode编辑 Markdown。并安装了 Paste Image v1.0.4扩展,所以加入图片的方式可能不同。


格式

加入图片的格式是由!号,[]和()三个部分以从左到右的顺序组成。


本地图片

P6预科02:Markdown语法详解”视频里放图片用的是绝对路径,但用 VSCode写绝对路径没用。

VSCode安装了扩展后,将本地图片与 Markdown文件放在同一路径下,在()里面直接输入图片的整个文件名,图片就能显示出来。

截图
图片在本地,本来无法显示,这里是直接复制上来的。


网络图片

建议使用第一种方式加入网络图片,应该是通用的。

  1. 将网络图片的网址复制到()内

截图

  1. 在网上复制图片,然后通过快捷键:CTRL + ALT + V,直接粘贴图片。(因为是 VSCode扩展功能,所以博客园没有显示图片,这张图片和上面是同一张。)


超链接


格式

加入超链接的格式是由[]和()两个部分以从左到右的顺序组成。


如何编写一个超链接

[]内写入描述性内容,也就是超链接表面看到的字。目标网址放到()里。

例子如下:

点击跳转到博客园


列表


有序列表

有序列表是由数字,.号,空格和内容四个部分以从左到右的顺序组成。.号后面至少要有一个空格。

  1. A
  2. B
  3. C

无序列表

无序列表是由-号,空格和内容三个部分以从左到右的顺序组成。-号后面至少要有一个空格。

  • A
  • B
  • C

表格

格式化表格快捷键:ALT + SHIFT + F(会格式化所有表格)


格式

| name | sex | age |

| ---- | --- | --- |

| 张三 | 男 | 20 |


表格效果展示

name sex age
张三 20

代码块


格式

代码块是由```,代码类型和代码三个部分组成。但其实书写时为了工整会有与第一部分相同的第四部分,第四部分在代码的下一行,与第一二部分将代码包围起来。

public 
posted @ 2022-05-12 20:58  亵燮  阅读(51)  评论(0)    收藏  举报