首页 > 学习笔记 > Markdown学习笔记

古藤堡用来写写文章还行,但是做笔记真的太拉了。再加上1我想在这个暑假多学点东西,故有了此文章。

(这是最后一次用古藤堡了awa)

标题

# 标题1 (h1)
## 标题2 (h2)
### 标题3 (h3)
#### 标题4 (h4)
##### 标题5 (h5)
###### 标题6 (h6)

要实现标题还有一种方式,但此就不多叙述了

自定义标题ID

# 标题1 {#head1}
## 标题2 {#head2}
### 标题3 {#head3}
#### 标题4 {#head4}
##### 标题5 {#head5}
###### 标题6 {#head6}

对应的HTML代码为:

<h1 id="head1">标题1</h1>
<h2 id="head2">标题2</h2>
<h3 id="head3">标题3</h3>
<h4 id="head4">标题4</h4>
<h5 id="head5">标题5</h5>
<h6 id="head6">标题6</h6>

段落

这是一段文本1
这是一段文本2

注意:段落开头不能有空格、制表符(Tab,即缩进),否则会生成代码块,而且后面只能有一个换行符。

换行

在一行文本后加上两个以上空格,即可生成<br/>

嘛我到现在都没想过为什么有换行(HTML里),所以到时候就直接两行段落把,不想管了。

注意:因为空格符号看不见,所以也可以用<br>

字体样式/强调

粗体

**这是粗体**
__这也是粗体__

斜体

*这是斜体*
_这也是斜体_

粗斜体

***这是粗斜体***
___这也是粗斜体___
**_这也是粗斜体_**
__*这也是粗斜体*__

甚至对称

引用

在段落钱加个>,即:

> 这是引用

嵌套就这样:

> 这是引用
>
>> 这也是引用

列表

有序列表

1.有序列表1
2.有序列表2
3.有序列表3

效果这样:

  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

无序列表

- 无序列表1
- 无序列表2
- 无序列表3
- 无序列表4

* 无序列表1
* 无序列表2
* 无序列表3
* 无序列表4

+ 无序列表1
+ 无序列表2
+ 无序列表3
+ 无序列表4

渲染效果如下:

  • 无序列表1
  • 无序列表2
  • 无序列表3
  • 无序列表4
  • 无序列表1
  • 无序列表2
  • 无序列表3
  • 无序列表4
  • 无序列表1
  • 无序列表2
  • 无序列表3
  • 无序列表4

也可以嵌套:

- 无序列表1
- 无序列表2
- 无序列表3
    - 无序列表嵌套1
    - 无序列表嵌套2
- 无序列表4
  • 无序列表1
  • 无序列表2
  • 无序列表3
    • 无序列表嵌套1
    • 无序列表嵌套2
  • 无序列表4

代码

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

这是`代码`

这是代码

代码块

将代码块的每一行缩进至少四个空格或一个制表符,如:

    <html>
      <head>
      </head>
    </html>

效果如下:

<html>
  <head>
  </head>
</html>

分割线

使用三个或多个星号 (***)、破折号 (---) 或下划线 (___) ,并且不能包含其他内容

效果:


超链接

这是一个链接 [我鬼知道の博客](https://www.wgzdy.top)。

渲染效果如下:

这是一个链接 我鬼知道の博客

给链接增加 Title

链接title是当鼠标悬停在链接上时会出现的文字,这个title是可选的,它放在圆括号中链接地址后面,跟链接地址之间以空格分隔。

这是一个链接 [我鬼知道の博客](https://www.wgzdy.top "我鬼知道の博客")。

图片

![这是我老婆早濑优香](https://vercel.cdn.wgzdy.top/wp-content/uploads//110325189_p0.webp "我老婆早濑优香")
Markdown学习笔记插图
我老婆早濑优香

主要的笔记就做到这里。本来我是照着B站胡视频学的,但是后来才发现有官方教程:https://markdown.com.cn/basic-syntax/

....

加纳

相关文章