萱仔个人博客系列——创建一个新的文章

 这里我要简单介绍一下markdown写一篇博文，还要熟悉一下博文里常用的元素，比如多级标题，文字格式的设置，列表，代码，公式模块怎么设置等等

1. 标题（多级标题）

Markdown 支持多级标题，使用 # 来定义标题层级：

• # 一级标题 对应 <h1>
• ## 二级标题 对应 <h2>
• ### 三级标题 对应 <h3>
• 依此类推，最多支持 6 级标题。

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

2. 字体设置

2.1 粗体、斜体、粗体和斜体

• 粗体：使用 ** 或者 __ 包围文字，例如 **加粗文本**。
• 斜体：使用 * 或者 _ 包围文字，例如 *斜体文本*。
• 粗体和斜体：使用三颗星号 ***，例如 ***加粗斜体文本***。

代码示例：

**这是粗体**
*这是斜体*
***这是粗体和斜体***

2.2 字体颜色设置

Markdown 本身不支持直接改变文字颜色，但在 Hexo 中可以使用 HTML 标签 <span> 来实现：

<span style="color:red;">这是红色文字</span>
<span style="color:blue;">这是蓝色文字</span>

 可以根据需要调整 style 的值，来设置颜色、字体大小等。

3. 插入图片

Markdown 支持插入本地图片和网络图片。格式如下：

![本地图片](images/sample.jpg)![描述] 是图片的描述文本。
(图片路径) 是图片的本地路径，可以是相对路径或绝对路径。![网络图片](https://example.com/sample.jpg)

4. 插入代码块

4.1 单行代码

单行代码可以使用反引号 ` 将代码包裹起来：

`console.log("Hello, Hexo!");`单行代码可以使用反引号 ` 将代码包裹起来```python
def hello_world():print("Hello, world!")使用三个反引号 ``` 开头和结束，标记代码块可以通过在代码块的开头标明语言类型，如 python, javascript, html，来启用代码高亮。

可以通过在代码块的开头标明语言类型，如 python, javascript, html，来启用代码高亮。 

5. 插入表格

Markdown 中可以使用竖线 | 来创建表格，并且使用 - 来分隔表头和内容。

5.1 表格设置

| 名称    | 年龄 | 职业   |
| ------- | ---- | ------ |
| 张三    | 25   | 程序员 |
| 李四    | 30   | 设计师 |
| 王五    | 28   | 产品经理 |

5.2 表格对齐方式

通过调整 - 和 : 的位置，可以设置表格内容的对齐方式：

• :--- 左对齐
• :---: 居中对齐
• ---: 右对齐

5.3 表格颜色

表格颜色可以通过 HTML 样式标签来设置：

<table><tr><th style="background-color:yellow;">名称</th><th style="background-color:yellow;">年龄</th><th style="background-color:yellow;">职业</th></tr><tr><td>张三</td><td>25</td><td>程序员</td></tr><tr><td>李四</td><td>30</td><td>设计师</td></tr>
</table>

6. 插入数学公式

Markdown 可以插入 LaTeX 格式的数学公式。使用 $ 插入行内公式，使用 $$ 插入块级公式。

6.1 行内公式

使用 $公式$ 格式插入行内公式：

这是一个行内公式：$E = mc^2$

6.2 单独的公式

使用 $$公式$$ 格式插入单独的公式：

$$
a^2 + b^2 = c^2
$$

 总体的模板如下所示：

---
title: 博客模板示例
date: 2024-09-06
categories: 示例
tags:- 模板- Markdown
---# 一级标题：博客模板示例这是一个博客模板示例，包含常用的 Markdown 语法，包括 **多级标题**、**表格**、**图片**、**代码**、**公式**和**字体设置**等。## 二级标题：字体设置### 粗体和斜体- **这是粗体文字**
- *这是斜体文字*
- ***这是粗体和斜体文字***### 字体颜色
（注意：Markdown 本身不支持直接设置字体颜色，但可以通过 Hexo 的 HTML 标签自定义）
- <span style="color:red;">这是红色文字</span>
- <span style="color:blue;">这是蓝色文字</span>## 二级标题：图片### 插入本地图片```markdown
![本地图片](images/sample.jpg)
```### 插入网络图片```markdown
![网络图片](https://example.com/sample.jpg)
```![示例图片](https://www.example.com/sample.jpg)## 二级标题：代码示例### 单行代码在 Markdown 中可以使用反引号插入单行代码，例如：
```
`console.log("Hello, Hexo!");`
```效果如下：`console.log("Hello, Hexo!");`### 代码块在博客中展示代码块，可以用三反引号 ` ``` ` 标记语言类型：
```python
def hello_world():print("Hello, world!")
```## 二级标题：表格以下是一个简单的表格示例：| 名称    | 年龄 | 职业   |
| ------- | ---- | ------ |
| 张三    | 25   | 程序员 |
| 李四    | 30   | 设计师 |
| 王五    | 28   | 产品经理 |## 二级标题：数学公式可以使用 `$` 或 `$$` 来插入 LaTeX 公式：### 行内公式：
这是一个行内公式示例：$E = mc^2$### 块级公式：
下面是一个块级公式示例：
$$
a^2 + b^2 = c^2
$$## 二级标题：多级标题### 三级标题：示例这是一个三级标题示例。#### 四级标题：示例这是一个四级标题示例。##### 五级标题：示例这是一个五级标题示例。---文章结束