lyyovo's blog

MarkDown基本语法

Sun, 12 Apr 2026 00:00:00 GMT

简要介绍

Markdown 是一种轻量型标记语言，是一种语法。以 .md 结尾的文本文件就是 **Markdown **文件。相较于 Word ，它更加像是 HTML 语言或是 $\LaTeX$，并不是最淳朴的那种“所见即所得”。它处处透露着一种极简主义。高效简洁清晰的同时，又很简单。看起来舒服，语法简单，尤其在处理纯文本上有很大的优势。

标题

要创建标题，在标题文本前添加至多六个 # 符号。# 符号的数量决定了标题的级别。

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

强调文本

样式	语法	示例	输出
粗体	` ` 或 `__ __`	`粗体文本`	粗体文本
斜体	`* *` 或 `_ _`	`斜体文本`	斜体文本
删除线	`~~ ~~`	`~~删除线文本~~`	~~删除线文本~~
高亮（扩展语法）	`== ==`	`==高亮文本==`	==高亮文本==

代码

行内代码

你可以使用一对反引号在句子插入代码。

`反引号`中的文本将被格式化为代码。

反引号中的文本将被格式化为代码。

代码块

要创建一个代码块，请用三个反引号括住代码。

```
cd ~/Desktop
```

cd ~/Desktop

引用

你可以在文本前加上 > 符号来引用文本。

> 人类面临着越来越复杂和紧迫的问题，他们有效应对这些问题的能力对于社会的稳定和持续发展至关重要。

\- 道格·恩格尔巴特，1961

人类面临着越来越复杂和紧迫的问题，他们有效应对这些问题的能力对于社会的稳定和持续发展至关重要。

- 道格·恩格尔巴特，1961

列表

要创建有序列表，每行以数字加上 . 开头。

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

第一条
第二条
第三条

你可以在文本前加上 -、* 或 + 来创建无序列表。

- 第一条
- 第二条
- 第三条

第一条
第二条
第三条

要创建任务列表，每个列表项以连字符和空格开头，后跟 [ ]。

- [x] 这是已完成的任务。
- [ ] 这是未完成的任务。

[x] 这是已完成的任务。
[ ] 这是未完成的任务。

链接

如果要链接到外部URL，可以通过在方括号（[ ]）中填入描述链接的文本，然后在括号中（()）添加URL来创建内联链接。

[百度一下，你就知道](https://www.baidu.com/)

百度一下，你就知道

图片

你可以通过在链接前加上 ! 符号来在笔记中插入外部图片。

![John von Neumann](https://bkimg.cdn.bcebos.com/pic/dcc451da81cb39dbb6fd7aca494e1e24ab18962b9aad)

表格

你可以使用竖线（|）和短横线（-）来创建表格。竖线用于分隔列，短横线用于定义列标题。

通过在标题行中添加冒号（:），你可以将文本左对齐、居中或右对齐。

| 学号 | 姓名  | 年龄 |
| :--- | :--: | ---: |
|1|张三|18|
|2|李四|19|

学号	姓名	年龄
1	张三	18
2	李四	19

水平线

你可以在单独的一行上使用三个或更多星号 ***、短横线 --- 或下划线 ___ 来添加水平线。这些分隔符号里允许有空格。

***
****
* * *
---
----
- - -
___
____
_ _ _

上标、下标、注释（扩展语法）

上标用 "^" 包围，下标用 "~" 包围

在64位系统上，`int`类型通常占用 4个字节，所以上限是 2^31^ - 1 = 2147483647
H~2~O 一氧化二氢!

在64位系统上，int类型通常占用 4个字节，所以上限是 2^31^ - 1 = 2147483647

H~2~O 一氧化二氢!

脚注"[^n]"后置

这是一个简单的脚注[^1]。
[^1]: 这是脚注的内容文本。
[^注释]: 可以使用非数字来命名脚注。但渲染时，脚注仍然会显示为数字。这样可以更容易地识别脚注内容。

这是一个简单的脚注^1。

数学公式（扩展语法）

你可以使用 MathJax 和 LaTeX 符号在笔记中添加数学公式。

要在笔记中添加 MathJax 公式，请用双美元符号（$$）将其括起来。

$$
\begin{vmatrix}a & b\\
c & d
\end{vmatrix}=ad-bc
$$

$$ \begin{vmatrix}a & b\ c & d \end{vmatrix}=ad-bc $$

你也可以用 $ 符号包裹数学公式来实现行内数学公式。

这是一个行内数学表达式 $a^2+b^2=c^2$。

这是一个行内数学表达式 $a^2+b^2=c^2$。

想了解更多有关语法的信息，请参阅MathJax 基础教程。

要查看支持的 MathJax 包列表，请参阅TeX/LaTeX 扩展列表。

图表（扩展语法）

你可以使用 Mermaid 语法在笔记中添加图表和流程图。Mermaid 支持多种图表，如流程图、时序图和时间线等。

```mermaid
sequenceDiagram
    Alice->>+John: 你好 John，你好吗？
    Alice->>+John: John，你能听到我吗？
    John-->>-Alice: 嗨 Alice，我能听到你！
    John-->>-Alice: 我感觉很好！
```

sequenceDiagram
    Alice->>+John: 你好 John，你好吗？
    Alice->>+John: John，你能听到我吗？
    John-->>-Alice: 嗨 Alice，我能听到你！
    John-->>-Alice: 我感觉很好！

```mermaid
graph TD

生物学 --> 化学
```

graph TD

生物学 --> 化学

Emoji表情（扩展语法）

Emoji大全

:sweat_smile: 
:drooling_face:
:clown_face:

:sweat_smile: :drooling_face: :clown_face:

Typora 的常用快捷键

按键	效果	按键	效果
`Ctrl` + `D`	选中当前词	`Ctrl` + `L`	选中当前句/行
`Ctrl` + `E`	选中当前区块	`Ctrl` + `F`	搜索当前选中
`Ctrl` + `B`	加粗当前选中	`Ctrl` + `H`	替换当前选中
`Ctrl` + `I`	倾斜当前选中	`Ctrl` + `U`	下划当前选中
`Ctrl` + `K`	将当前选中生成链接	`Ctrl` + `J`	滚动屏幕将选中滚至顶部
`Ctrl` + `W`	关闭当前窗口	`Ctrl` + `N`	打开新窗口
`Ctrl` + `O`	打开文件	`Ctrl` + `P`	搜索文件并打开
`Ctrl` + `回车`	表格下方插入行	`Ctrl` + `,`	打开偏好设置
`Ctrl` + `.`	切换全角/半角标点	`Ctrl` + `/`	切换正常/源代码视图
`Ctrl` + `Shift` + `-`	缩小视图缩放	`Ctrl` + `Shift` + `+`	放大视图缩放

Git基本使用方法

Sun, 12 Apr 2026 00:00:00 GMT

1. 安装Git

Windows

下载安装程序：https://git-scm.com/download/win
运行安装程序，按默认选项安装

macOS

# 使用Homebrew安装
brew install git

Linux (以Ubuntu为例)

sudo apt-get update
sudo apt-get install git

2. 配置Git

首次使用Git前需要配置用户信息：

# 自动创建.ssh到C盘用户目录，之后自行到GitHub或者Gitee上关联keygen
ssh-keygen -t rsa 
git config --global user.name "Your Name"
git config --global user.email "youremail@example.com"

可选配置：

# 设置默认编辑器为VSCode
git config --global core.editor "code --wait"
# 彩色输出
git config --global color.ui true

3. 创建仓库

初始化新仓库

mkdir project-name
cd project-name
git init

克隆现有仓库

git clone https://github.com/username/repository.git

4. 基本工作流程

查看状态

git status

添加文件到暂存区

# 添加特定文件
git add filename
# 添加所有修改的文件
git add .

提交更改

git commit -m "提交信息"

查看提交历史

git log

5. 分支管理

创建分支

git branch branch-name

切换分支

git checkout branch-name

创建并切换分支

git checkout -b branch-name

合并分支

git checkout main
git merge branch-name

删除分支

git branch -d branch-name

6. 远程仓库

添加远程仓库

git remote add origin https://github.com/username/repository.git

推送到远程仓库

git push -u origin main

从远程仓库拉取更新

git pull

获取远程更新

git fetch

6. 撤销更改

工作区的修改撤销

当你修改了文件但还没有执行git add时：

# 撤销对单个文件的修改
git checkout -- filename
# 撤销对所有已修改文件的修改
git checkout -- .

这条命令会用暂存区（或最后一次提交）的版本替换工作区的版本

注意：这个操作是不可逆的，被撤销的更改无法恢复

暂存区的修改撤销

当你已经执行了git add但还没有提交：

# 将单个文件从暂存区移回工作区（取消暂存）
git reset HEAD filename
# 将所有文件从暂存区移回工作区
git reset HEAD .

reset命令将文件从暂存区移出，但保留工作区的修改

文件状态变为已修改但未暂存

撤销最近的提交

修改最后一次提交（内容或消息）

# 将暂存区的修改合并到最后一次提交中
git commit --amend
# 仅修改提交信息而不改变内容
git commit --amend -m "新的提交信息"

如果已经推送到远程仓库，谨慎使用amend操作

需要使用git push --force强制推送修改后的提交

彻底撤销最后一次提交

# 保留工作区和暂存区的修改
git reset HEAD^
# 保留工作区修改，但清空暂存区
git reset --mixed HEAD^
# 彻底丢弃最后一次提交的所有修改
git reset --hard HEAD^

HEAD^`表示前一次提交

--mixed（默认）：保留工作目录的修改，重置暂存区

--soft：保留工作目录和暂存区的修改

--hard：丢弃所有修改

撤销指定提交

# 创建一个新提交来撤销指定提交的更改
git revert <commit-hash>

revert是通过创建一个新的提交来抵消之前的提交

适合已经推送到远程仓库的提交

保留了撤销的历史记录

重置到任意提交点

# 移动到指定提交，保留工作目录修改
git reset <commit-hash>
# 移动到指定提交，丢弃所有修改
git reset --hard <commit-hash>

--hard重置会永久丢弃所有未提交的更改

如果已经推送到远程仓库，需要谨慎使用

找回被删除的提交

如果你误删了提交，可以使用reflog找回：

# 查看操作历史
git reflog
# 使用找到的commit hash重置回去
git reset --hard <commit-hash>

实用场景示例

场景1：撤销未暂存的修改

# 不小心修改了文件但想恢复
git checkout -- file.txt

场景2：撤销已暂存但未提交的修改

git add file1.txt file2.txt
# 突然发现不应该add file1.txt
git reset HEAD file1.txt

场景3：撤销最近的本地提交

git commit -m "错误的提交"
git reset HEAD^

场景4：撤销已推送到远程的提交

git revert HEAD
git push

场景5：彻底回滚到某个历史版本

git log  # 查看要回滚到的commit hash
git reset --hard abc123
git push --force  # 谨慎使用!

对已推送到远程仓库的提交，优先使用git revert而非reset

执行--hard重置前，确保工作区没有重要未提交的修改

强制推送(--force)会覆盖远程历史，团队协作时应谨慎使用

关键操作前可以先创建临时分支备份当前状态

7. 忽略文件

创建.gitignore文件，添加需要忽略的文件或目录：

# 忽略编译生成的文件
*.class
*.exe
*.dll
*.o

# 忽略日志文件
*.log

# 忽略IDE特定文件
.idea/
.vscode/

# 忽略Node.js依赖
node_modules/

# 忽略Python虚拟环境
venv/
.env

重置.gitignore规则后的清理

git rm -r --cached .  # 从索引删除所有文件
git add .             # 重新添加，此时会遵守新的.gitignore规则
git commit -m "fixed gitignore"

8. 标签管理

创建标签

git tag v1.0.0

查看标签

git tag

推送标签到远程

git push origin v1.0.0

删除本地标签

git tag -d v1.0.0

9. 常用别名设置

添加以下内容到~/.gitconfig文件的[alias]部分：

[alias]
    co = checkout
    ci = commit
    st = status
    br = branch
    hist = log --pretty=format:\"%h %ad | %s%d [%an]\" --graph --date=short
    type = cat-file -t
    dump = cat-file -p

10. 最佳实践建议

提交时使用清晰、有意义的提交信息
保持提交的原子性（每次提交只做一件事）
定期从上游仓库获取更新
在专用分支上开发新功能
使用.gitignore忽略不需要版本控制的文件
推送前先拉取最新代码，避免冲突

11. 获取帮助

git help <command>
git <command> --help
man git-<command>

Markdown-扩展功能

Wed, 01 May 2024 00:00:00 GMT

GitHub存储库卡

您可以添加链接到GitHub存储库的动态卡，在页面加载时，存储库信息是从GitHub API获取的。

::github{repo="Fabrizz/MMM-OnSpotify"}

使用代码创建GitHub存储库卡 ::github{repo="<owner>/<repo>"}.

::github{repo="saicaca/fuwari"}

警告

支持以下类型的警告: note tip important warning caution

:::note 突出显示用户应该考虑的信息，即使在浏览时也是如此。 :::

:::tip 帮助用户取得更大成功的可选信息。 :::

:::important 用户成功所必需的关键信息。 :::

:::warning 由于潜在风险，需要用户立即关注的关键内容。 :::

:::caution 行动的负面潜在后果。 :::

基本语法

:::note
突出显示用户应该考虑的信息，即使在浏览时也是如此。
:::

:::tip
帮助用户取得更大成功的可选信息。
:::

自定义标题

警告的标题可以自定义。

:::note[我的自定义标题] 这是一个带有自定义标题的注释。 :::

:::note[我的自定义标题]
这是一个带有自定义标题的注释。
:::

GitHub语法

[!TIP] The GitHub syntax 也得到了支持。

> [!NOTE]
> GitHub语法也受支持。

> [!TIP]
> GitHub语法也受支持。

Spoiler

你可以在文本中添加剧透。文本还支持Markdown语法。

The content :spoiler[is hidden ayyy]!

The content :spoiler[is hidden **ayyy**]!

表现力代码示例

Wed, 10 Apr 2024 00:00:00 GMT

本文将展示在 Markdown 中使用表现力代码 (Expressive Code) 渲染代码块的效果。以下示例均基于官方文档，如需深入了解核心配置，请参阅官方指南。

表现力代码 (Expressive Code)

语法高亮 (Syntax Highlighting)

语法高亮官方文档

常规语法高亮

console.log('This code is syntax highlighted! // 此代码已启用语法高亮！')

渲染 ANSI 转义序列 (ANSI Escape Sequences)

ANSI colors:
- Regular: [31mRed[0m [32mGreen[0m [33mYellow[0m [34mBlue[0m [35mMagenta[0m [36mCyan[0m
- Bold:    [1;31mRed[0m [1;32mGreen[0m [1;33mYellow[0m [1;34mBlue[0m [1;35mMagenta[0m [1;36mCyan[0m
- Dimmed:  [2;31mRed[0m [2;32mGreen[0m [2;33mYellow[0m [2;34mBlue[0m [2;35mMagenta[0m [2;36mCyan[0m

256 colors (showing colors 160-177):
[38;5;160m160 [38;5;161m161 [38;5;162m162 [38;5;163m163 [38;5;164m164 [38;5;165m165[0m
[38;5;166m166 [38;5;167m167 [38;5;168m168 [38;5;169m169 [38;5;170m170 [38;5;171m171[0m
[38;5;172m172 [38;5;173m173 [38;5;174m174 [38;5;175m175 [38;5;176m176 [38;5;177m177[0m

Full RGB colors:
[38;2;34;139;34mForestGreen - RGB(34, 139, 34)[0m

Text formatting: [1mBold[0m [2mDimmed[0m [3mItalic[0m [4mUnderline[0m

编辑器与终端边框 (Editor & Terminal Frames)

Editor & Terminal Frames

代码编辑器边框 (Code Editor Frames)

console.log('Title attribute example')

<!-- src/content/index.html -->
<div>File name comment example</div>

终端边框 (Terminal Frames)

echo "This terminal frame has no title"

Write-Output "This one has a title!"

覆盖边框类型 (Overriding Frame Types)

echo "Look ma, no frame!"

# Without overriding, this would be a terminal frame
function Watch-Tail { Get-Content -Tail 20 -Wait $args }
New-Alias tail Watch-Tail

文本与行标记 (Text & Line Markers)

Text & Line Markers

标记整行与行范围 (Marking Full Lines & Line Ranges)

// Line 1 - targeted by line number
// Line 2
// Line 3
// Line 4 - targeted by line number
// Line 5
// Line 6
// Line 7 - targeted by range "7-8"
// Line 8 - targeted by range "7-8"

选择行标记类型 (Selecting Line Marker Types) (mark, ins, del)

function demo() {
  console.log('this line is marked as deleted')
  // This line and the next one are marked as inserted
  console.log('this is the second inserted line')

  return 'this line uses the neutral default marker type'
}

为行标记添加标签 (Adding Labels to Line Markers)

// labeled-line-markers.jsx
<button
  role="button"
  {...props}
  value={value}
  className={buttonClassName}
  disabled={disabled}
  active={active}
>
  {children &&
    !active &&
    (typeof children === 'string' ? <span>{children}</span> : children)}
</button>

单独行为长标签占位 (Adding Long Labels on Their Own Lines)

// labeled-line-markers.jsx
<button
  role="button"
  {...props}

  value={value}
  className={buttonClassName}

  disabled={disabled}
  active={active}
>

  {children &&
    !active &&
    (typeof children === 'string' ? <span>{children}</span> : children)}
</button>

使用类 Diff 语法 (Using Diff-like Syntax)

+this line will be marked as inserted
-this line will be marked as deleted
this is a regular line

--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
+this is an actual diff file
-all contents will remain unmodified
 no whitespace will be removed either

结合语法高亮与类 Diff 语法 (Combining Syntax Highlighting with Diff-like Syntax)

  function thisIsJavaScript() {
    // This entire block gets highlighted as JavaScript,
    // and we can still add diff markers to it!
-   console.log('Old code to be removed')
+   console.log('New and shiny code!')
  }

标记行内的特定文本 (Marking Individual Text Inside Lines)

function demo() {
  // Mark any given text inside lines
  return 'Multiple matches of the given text are supported';
}

正则表达式 (Regular Expressions)

console.log('The words yes and yep will be marked.')

转义正斜杠 (Escaping Forward Slashes)

echo "Test" > /home/test.txt

选择内联标记类型 (Selecting Inline Marker Types) (mark, ins, del)

function demo() {
  console.log('These are inserted and deleted marker types');
  // The return statement uses the default marker type
  return true;
}

自动换行 (Word Wrap)

Word Wrap

按代码块配置自动换行 (Configuring Word Wrap per Block)

// Example with wrap
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

// Example with wrap=false
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

配置换行缩进 (Configuring Indentation of Wrapped Lines)

// Example with preserveIndent (enabled by default)
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

// Example with preserveIndent=false
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

可折叠区块 (Collapsible Sections)

Collapsible Sections

// All this boilerplate setup code will be collapsed
// 该区间内所有样板 (Boilerplate) 初始代码将被折叠
import { someBoilerplateEngine } from '@example/some-boilerplate'
import { evenMoreBoilerplate } from '@example/even-more-boilerplate'

const engine = someBoilerplateEngine(evenMoreBoilerplate())

// This part of the code will be visible by default
// 此部分核心逻辑代码默认保持展开可见
engine.doSomething(1, 2, 3, calcFn)

function calcFn() {
  // You can have multiple collapsed sections
  // 单个代码块内允许声明多个折叠区间
  const a = 1
  const b = 2
  const c = a + b

  // This will remain visible
  // 此处调试日志将保持可见
  console.log(`Calculation result: ${a} + ${b} = ${c}`)
  return c
}

// All this code until the end of the block will be collapsed again
// 直至代码块结束的收尾逻辑将再次被折叠
engine.closeConnection()
engine.freeMemory()
engine.shutdown({ reason: 'End of example boilerplate code' })

行号 (Line Numbers)

Line Numbers

按代码块显示行号 (Displaying Line Numbers per Block)

// This code block will show line numbers
console.log('Greetings from line 2!')
console.log('I am on line 3')

// Line numbers are disabled for this block
console.log('Hello?')
console.log('Sorry, do you know what line I am on?')

更改起始行号 (Changing the Starting Line Number)

console.log('Greetings from line 5!')
console.log('I am on line 6')

Fuwari的简单指南

Mon, 01 Apr 2024 00:00:00 GMT

Cover image source: Source

This blog template is built with Astro. For the things that are not mentioned in this guide, you may find the answers in the Astro Docs.

Front-matter of Posts

---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---

Attribute	Description
`title`	The title of the post.
`published`	The date the post was published.
`description`	A short description of the post. Displayed on index page.
`image`	The cover image path of the post.<br/>1. Start with `http://` or `https://`: Use web image<br/>2. Start with `/`: For image in `public` dir<br/>3. With none of the prefixes: Relative to the markdown file
`tags`	The tags of the post.
`category`	The category of the post.
`draft`	If this post is still a draft, which won't be displayed.

Where to Place the Post Files

Your post files should be placed in src/content/posts/ directory. You can also create sub-directories to better organize your posts and assets.

src/content/posts/
├── post-1.md
└── post-2/
    ├── cover.png
    └── index.md

Markdown Example

Sun, 01 Oct 2023 00:00:00 GMT

An h1 header

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists look like:

this one
that one
the other one

Note that --- not considering the asterisk --- the actual text content starts at 4-columns in.

Block quotes are written like so.

They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all in chapters 12--14"). Three dots ... will be converted to an ellipsis. Unicode is supported. ☺

An h2 header

Here's a numbered list:

first item
second item
third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here's a code sample:

# Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

define foobar() {
    print "Welcome to flavor country!";
}

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:

import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i

An h3 header

Now a nested list:

First, get these ingredients:
- carrots
- celery
- lentils
Boil some water.

Dump everything in the pot and follow this algorithm:

 find wooden spoon
 uncover pot
 stir
 cover pot
 balance wooden spoon precariously on pot handle
 wait 10 minutes
 goto first step (or shut off burner when done)

Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here's a link to a website, to a local doc, and to a section heading in the current doc. Here's a footnote [^1].

[^1]: Footnote text goes here.

Tables can look like this:

size material color

9 leather brown 10 hemp canvas natural 11 glass transparent

Table: Shoes, their sizes, and what they're made of

(The above is the caption for the table.) Pandoc also supports multi-line tables:

keyword text

red Sunsets, apples, and other red or reddish things.

green Leaves, grass, frogs and other things it's not easy being.

A horizontal rule follows.

Here's a definition list:

apples : Good for making applesauce. oranges : Citrus! tomatoes : There's no "e" in tomatoe.

Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)

Here's a "line block":

| Line one | Line too | Line tree

and images can be specified like so:

Inline math equations go in like so: $\omega = d\phi / dt$. Display math should get its own line and be put in in double-dollarsigns:

$$I = \int \rho R^{2} dV$$

$$ \begin{equation*} \pi =3.1415926535 ;8979323846;2643383279;5028841971;6939937510;5820974944 ;5923078164;0628620899;8628034825;3421170679;\ldots \end{equation*} $$

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

在文章中嵌入视频

Tue, 01 Aug 2023 00:00:00 GMT

只需从 YouTube 或其他平台复制嵌入代码 (Embed Code)，并将其粘贴至 Markdown (Markdown) 文件中即可。

---
title: Include Video in the Post
published: 2023-10-19
// ...
---

<iframe width="100%" height="468" src="https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_" title="YouTube video player" frameborder="0" allowfullscreen></iframe>

YouTube

Bilibili