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

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

1. 标题（多级标题）

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

• # 一级标题 对应

• ## 二级标题 对应

• ### 三级标题 对应

• 依此类推，最多支持 6 级标题。

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

2. 字体设置

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

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

代码示例：

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

2.2 字体颜色设置

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

这是红色文字
这是蓝色文字

 可以根据需要调整 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 样式标签来设置：

  

    
名称
    
年龄
    
职业
  
  

    
张三
    
25
    
程序员
  
  

    
李四
    
30
    
设计师
  

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 标签自定义）
- 这是红色文字
- 这是蓝色文字

## 二级标题：图片

### 插入本地图片

```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
$$

## 二级标题：多级标题

### 三级标题：示例

这是一个三级标题示例。

#### 四级标题：示例

这是一个四级标题示例。

##### 五级标题：示例

这是一个五级标题示例。



---

文章结束