当前位置: 首页 > news >正文

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

 这里我要简单介绍一下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
$$## 二级标题:多级标题### 三级标题:示例这是一个三级标题示例。#### 四级标题:示例这是一个四级标题示例。##### 五级标题:示例这是一个五级标题示例。---文章结束


http://www.mrgr.cn/news/23376.html

相关文章:

  • UE4_后期处理_后期处理材质及后期处理体积一
  • GD32E230程序烧录和开发环境使用介绍
  • 机器学习 第9章 聚类
  • 安装OpenResty(Linux-Docker)
  • 什么是话费充值api接口?话费充值API接口如何对接?
  • Linux下快速比较两个目录的不同,包括文件内容
  • 2024年身份验证技术应用的10大发展趋势
  • HTML转义字符对照表
  • Spring Cloud全解析:熔断之Hystrix线程隔离导致的问题
  • 如何在NXP源码基础上适配ELF 1开发板的PWM功能
  • React(v18)事件原理
  • 具体的散列表实现示例
  • SpringBoot2:请求处理原理分析-接口参数解析原理(argumentResolvers)
  • MIT License:全面解析与商用指南
  • 医疗设备运营管理,帮助医院实现智能管理评级
  • 兼顾身份保护和文本对齐!中山大学等提出CoRe:任意提示的文本到图像个性化生成!
  • openpose1.7.0编译 cuda12.2 cudnn 8.9.7.29 python3.7
  • 鼠标点击来动态确定 HSV 范围
  • window关闭端口程序
  • AbyssFish单连通周期边界多孔结构2D软件 V2.0版本更新