萱仔个人博客系列——创建一个新的文章
这里我要简单介绍一下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 支持插入本地图片和网络图片。格式如下:
![描述] 是图片的描述文本。
(图片路径) 是图片的本地路径,可以是相对路径或绝对路径。
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

```### 插入网络图片```markdown

```## 二级标题:代码示例### 单行代码在 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
$$## 二级标题:多级标题### 三级标题:示例这是一个三级标题示例。#### 四级标题:示例这是一个四级标题示例。##### 五级标题:示例这是一个五级标题示例。---文章结束