HTTP协议，到底是什么鬼？

绝地灬酷狼 2021-08-19 23:42 539阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70]  
作者 | Jeskson

来源 | 达达前端小酒馆

## 了解HTTP ##

HTTP是什么呢？它是超文本传输协议，HTTP是缩写，它的全英文名是HyperText Transfer Protocol。

**那么什么是超文本呢？**

超文本指的是HTML，css，JavaScript和图片等，HTTP的出现是为了接收和发布HTML页面的，经过不断的发展也可以用于接收一些音频，视频，文件等内容。

**HTTP协议是用于客户端和服务器端之间的通信的**，用于客户端和服务器端之间的通信有HTTP协议和TCP/IP协议族内的其他众多的协议相同。

**请求访问文本或图片等资源的一方**，我们叫做客户端，接收端，**提供响应的一端称为服务器端。**

**Client客户端请求Server服务端，Server服务端响应给Client客户端**。HTTP是基于客户端/服务端的架构模型，浏览器或其他任何客户端都可以用HTTP协议的，通过URL地址向HTTP的服务器即Web服务器发送所有请求，Web服务器端在接收到请求后会做出反应，响应给对方，就是向客户端回传响应的信息。

![在这里插入图片描述][20191216123715890.png]  
《图解HTTP》

注意：在使用HTTP协议的时候，我们一端必定是客户端，另一端必定是服务器端。

有时候服务端和客户端是可以互换的，如果要决定谁是服务器端和谁是客户端，单就一条通信路线来讲，是可以确定的，因为由HTTP协议就是区分谁是客户端，和谁是服务器端了。

## 通过发送信息（请求）和回应信息（响应）达成交易（通向） ##

通过请求和响应的交互达成通向，客户端发送请求给服务器，服务器响应回复给客户端。客户端是发出请求的，服务器端是回复响应的。

先是从客户端开始建立通信的，因为在服务器在没有接受到请求前是不会发送响应的。

**HTTP的特点：**

支持客户端、服务器端模式，简单快速，客户端向服务器端请求服务时，只需传送请求方法和路径，灵活，HTTP允许传输任意类型的数据对象，无连接，限制每次连接只处理一个请求，无状态，HTTP协议是无状态协议，指明协议对于事务处理没有记忆能力。

HTTP都是由客户端发起请求的，并且由服务器端回应响应消息的。

灵活，我们知道允许可以任何类型的数据对象，包括音频，视频，图片，文件等等。

无状态，HTTP就是说，每次HTTP请求都是独立的，任何两个请求之间没有必然的联系。

无连接的，每次服务器在处理完客户端的请求后，并收到客户的应答后，就断开了，当客户端再次发送请求时就是一个新的连接，采用这种方式可以节省传输时间。

**这是HTTP/1.0版的主要缺点**，每个TCP连接只能发送一个请求，发送数据完毕，连接就关闭，如果还要请求就必须要新建一个连接。

HTTP是一种不保存状态，无状态协议，协议对于发送过来的请求或是响应都不做持久化处理。

HTTP1.1虽然是无状态协议，但是为了实现期望的保持状态功能，于是引入了Cookie技术，有了Cookie，和HTTP协议通信，就可以管理状态了。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 2]

**TCP连接的新建成本很高，因为需要客户端和服务器端三次握手。**

**交流的简单流程**：客户端发起连接，客户端发起请求，服务器端响应请求，服务器端关闭连接。

HTTP、1.1版本是最流行的版本，可以持久连接，TCP连接默认不关闭，可以被多个请求复用，只有在一段时间内，没有请求，就可以自动关闭。

// 不用声明：
    Connection: keep-alive
    
    // 发送关闭
    Connection: close
    // 要求服务器关闭TCP连接

## HTTP的消息结构 ##

我们可以把HTTP协议当做是一种客户端和服务器端相互沟通交流的语言，一个HTTP客户端在向服务器发送请求时会携带请求的消息，服务器端会根据客户端发送过来的请求消息了解客户端的需求，从而服务器端做出响应，发送响应消息给客户端。

**请求消息的结构：**

一个请求消息是由**请求行，请求头字段，一个空行和消息主体**构成。

消息主体是响应消息的承载数据。

**客户端：发送请求**

客户端发送给某个HTTP服务器端的请求报文中的内容

GET/HTTP/1.1
    Host: hackr.jp

**服务器：发送响应**

HTTP/1.1 200 OK
    Date: Tue, 10 Jul ...
    Content.Length: 362
    Content.Type: text/html
    <html>

![\*\*加粗样式\*\*][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 3]

GET，Request Method，请求方法，Request URL，为请求的url的地址，Status Code为状态码，Remote Address为地址。

HTTP是基于TCP/IP协议的应用层协议，不涉及数据包传输，规定了客户端和服务器端之间的通信方式，默认使用80端口，就如同他俩交流的语言。

HTTP1.0的发布，任何格式的内容都可以发送了，不仅可以发送文件，图片，视频，二进制文件等。

**HTTP发送请求的例子：**

![在这里插入图片描述][20191216124100816.png]  
**服务器回应消息格式：**

![在这里插入图片描述][20191216124115929.png]

**响应头：**

Server为服务器的名称，Location为通知客户端新的资源位置，Content-Type响应数据的类型，Content-Encoding为响应数据的编码格式。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 4]  
头部信息回应的是ASCII码，后面的数据可以是任何形式，服务器返回信息的时候，告诉客户端数据是什么格式的，由Content-Type字段体现。

**Content-Type的字段值：**

text/plain
    text/html
    text/css
    image/jpeg
    // 上面的图片返回的是
    image/png
    image/svg+xml
    audio/mp4
    video/mp4
    application/javascript
    application/pdf
    application/zip
    application/atom+xml

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 5]  
**分析一下就是，协议版本，状态码，状态描述。**

在尾部使用分号，添加参数，类型表示，发送的是网页，编码为utf-8

Content-Type: text/html; charset=utf-8

Accept字段声明自己可以接受哪些数据格式：

Accept: */*

**请求消息：**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 6]

GET /index.htm HTTP/1.1
    User-Agent: Mozilla/4.0 (compatible; MSIE5.01; Windows NT)
    Host: example.com
    Accept-Language: en-us
    Accept-Encoding: gzip, deflate

Accept为客户端接受哪些Mine类型，Accept-Encoding支持的编码类型，Accept-Language为可接受的语言，User-Agent为一个标识客户端的字符串。

字符串index.htm指明了请求访问的资源对象，也叫做请求URL，后面的是HTTP/1.1，**为HTTP版本号，表示客户端使用的HTTP版本协议**。

URL为请求的URL地址，协议版本为代表在向服务器发送请求时，使用的协议以及其版本，请求头部为HTTP请求头部包含若干个属性，格式：

“属性名”：“属性值”，服务器端可以据此获取客户端请求的相关信息。

客户端请求用Accept-Encoding字段说明自己可以接受哪些压缩方式

Accept-Encoding: gzip, deflate

请求行为请求消息的第一行，它说明了请求方法，**资源标示符**，HTTP版本，如下：

请求URI定位资源：HTTP协议使用URI定位互联网上的资源。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 7]  
《图解HTTP》

URI,URL,URN是用来识别，定位和命名互联网上的资源的。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 8]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 9]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 10]

URI：
    
    Uniform Resource Identifier，统一资源标识符
    
    URL：
    
    Uniform Resource Locator，统一资源定位符
    
    URN：
    
    Uniform Resource Name，统一资源名称

![在这里插入图片描述][20191216124354330.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 11]

由HTTP版本，状态码，状态描述文字构成：

HTTP/1.1 200 OK

GET /hello.htm HTTP/1.1
    请求访问某台HTTP服务器上的index.htm页面资源

请求报文是由请求方法，**请求URL，协议版本，可选的请求首部字段和内容实体构成**的。

请求报文的解构

消息报头

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 12]  
![在这里插入图片描述][20191216124445746.png]

响应报文由协议版本，状态码，响应的首部字段，以及实体主体构成。

**让我们了解在HTTP/1.1有多少中请求方法：**

HTTP的请求方法有很多，但是最常见的两种请求方法是GET和POST

提交HTML表单或上传文件

![在这里插入图片描述][20191216124502805.png]

《图解HTTP》

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 13]  
《图解HTTP》

POST：传输实体主体  
POST 方法用来传输实体的主体。

![在这里插入图片描述][20191216124523766.png]

《图解HTTP》

PUT：传输文件  
PUT 方法用来传输文件。

![在这里插入图片描述][20191216124531763.png]  
《图解HTTP》

HEAD：获得报文首部  
DELETE 方法用来删除文件，是与 PUT 相反的方法。

OPTIONS：询问支持的方法  
OPTIONS 方法用来查询针对请求 URI 指定的资源支持的方法。

1.GET为获取资源数据
    get方法用于请求指定的页面信息，并返回请求消息的主体
    
    2.POST为提交资源数据
    post方法用于向指定的资源提交数据
    
    3.PUT为更新资源数据
    4.DELETE为删除资源数据
    5.HEAD为读取资源的元数据
    6.OPTIONS为读取资源多支持的所有请求方法
    7.TRACE为回显服务器收到额请求
    8.CONNECT为保留将来使用

**HTTP超文本传输协议是一个基于请求与响应模式的，无状态的，应用层的协议，常基于TCP的连接方式**。HTTP表示通过HTTP协议定位网络资源，host表示合法的Internet主机域名或者ip地址，port指定为端口号。

第一行：方法，URL，协议版本  
第二行：请求首部字段  
第三行：内容实体

**客户端的请求消息：**

**请求方法，URL，协议版本为请求行，请求头部，头部字段名，值，请求数据**，一个HTTP请求的请求消息包括请求行，请求头部，空行和请求数据。

**服务器端响应消息：**

状态行，消息报头，空行，响应正文，这是一个HTTP响应的响应消息。

状态行，HTTP/1.1为表示使用的协议是HTTP的版本，我们可以看到状态码常见返回“200 0k”代表是服务器成功响应了此次请求，消息报头，与HTTP请求头部一样，格式为“属性名:属性值"，客户端可以根据此获取服务器端响应的信息，响应正文是服务器返回响应的东西给到客户端，也是客户端想要的东西。

**超文本传输协议**（英文：HyperText Transfer Protocol，缩写：HTTP）是互联网上应用最为广泛的一种网络协 议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。通过HTTP或者HTTPS协议请求的资源由 统一资源标识符（Uniform Resource Identifiers，URI）来标识。 来自维基百科

**HTTP状态码**（英语：HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。它由RFC 2616规范定义的，并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。来自维基百科

## HTTP状态码 ##

HTTP状态码是用来干什么的呢？它的重要作用是Web服务器用来告诉客户端，当前的网页请求发生什么事情了，或者是当前web服务器端的响应状态，**HTTP状态码是服务器端返回给客户端的。**

你比较常见的状态码有哪些呢？

有**200,301,302,304,404,500,403。**

我们最常见的状态码为200，状态码200表示服务器响应成功，服务器找到了客户端请求的内容，并将内容发送给了客户端。

我们程序员有时候也常见的500，状态码500表示程序错误，就是说请求的网页程序本身就报错了。

现在的浏览器会对状态码500做出一定的处理，所以在一般情况下会返回一个定制的错误页面。

状态码404表示服务器上没有该资源，或者说是服务器上没有找到客户端请求的资源，是最常见的请求错误码。

## 状态码301和状态码302 ##

状态码301表示临时跳转。

url地址a可以向url地址b上跳转，但这并不意味着是永久性的，有可能过短时间就从url地址a跳转到地址c。

而状态码302代表的是永久性的重定向。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 14]  
2xx:

200为请求已经成功，202为服务器已经接受请求，但尚未处理，204为服务器成功处理了请求，但不需要返回如何实体内容。

304为被请求的资源内容没有发生更改。

400为包含语法错误，无法被服务器解析，403为服务器已经接收请求，但是被拒绝执行，404请求失败。

500为服务器内部错误，无法处理请求，502为作为网关或者代理工作的服务器尝试执行请求时，从上游服务器接收到无效响应，504为作为网关或者代理工作的服务器尝试执行请求时，未能及时从上游服务器（URI标识出的服务器，例如HTTP、FTP、LDAP）或者辅助服务器（例如DNS）收到响应

200 OK  
请求被正确处理

302 Found  
所请求的资源已暂时更改.通常会重定向到另一个 URL

404 Not Found  
所请求的资源无法找到

500 Internal Server Error  
服务器出现一般性错误

## HTTP通信过程 ##

本地服务器编写一个demo.html文档：

<!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <title>Document</title>
      <script type="text/javsscript" src="/js/jquery.js">
      </script>
     </head>
     <body>
     <img src="/images/01.jpg"><br>
     </body>
    </html>

**消息头是在客户端发送请求时，向服务器传输的信息。**

Accept为告诉服务器接收哪些格式的文件，Accept-Encoding为接收的编码方式，Accept-Language为接收的语言，Cache-Control为是否使用缓存，Connection为连接方式，Cookie为向服务器发送的Cookie信息，Host为服务器域名。

Content-Length为服务器返回给客户端的内容的长度，Content-Type为服务器返回给客户端的内容的类型，Keep-Alive为缓存的时间，Server为服务器的相关信息。

HTTP过程中包含3个重要部分，**消息头，响应头和状态码。**

消息头中存放的信息是客户端告诉服务器能回传什么，就是客户端能接收的信息是什么类型的，如果客户端需要传值，则传值信息也会放在消息头中。

响应头中存放的信息是服务器告诉客户端返回的内容相关信息，包括回传内容的长度，内容和缓存的时间等。

状态码为服务器告诉客户端它的响应结果是什么。

## 其他 ##

打开Chrome，在菜单中选择“视图”，“开发者”，“开发者工具”：

Elements显示网页的结构，Network显示浏览器和服务器的通信。Content-Type指示响应的内容，这里是text/html表示HTML网页。

HTTP的消息分为两种，请求和响应。

// 一个 简单的HTTP请求：
    GET / HTTP/1.1
    Host: example.com
    Connection: close

HTTP/1.1 200 OK
    Content-Type: text/plain; charset=utf-8
    Content-Length: 8
    
    response

HTTP消息由三部分组成，首行，消息头和消息体。消息头和消息体均可以为空。

请求行

请求行由三部分组成，分别是方法(GET)，URI(/)和http版本(HTTP/1.1)

GET / HTTP/1.1

消息头

消息头host用于指定所请求的域名。

请求消息包括以下格式：

![在这里插入图片描述][20191216124843537.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 15]

更多状态码：  
https://www.runoob.com/http/http-status-codes.html

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 16]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 17]

## HTTP工作原理 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 18]

## 参考资料 ##

http://yuez.me/http-xie-yi-jie-xi/

《图解HTTP》

## ❤️ 不要忘记留下你学习的脚印 \[点赞 收藏 评论\] ##

作者Info：

> 【作者】：Jeskson  
> 【原创公众号】：达达前端小酒馆。  
> 【福利】：公众号回复 “资料” 送自学资料大礼包（进群分享，想要啥就说哈，看我有没有）！  
> 【转载说明】：转载请说明出处，谢谢合作！~

大前端开发，定位前端开发技术栈博客，PHP后台知识点，web全栈技术领域，数据结构与算法、网络原理等通俗易懂的呈现给小伙伴。谢谢支持，承蒙厚爱！！！

--------------------

若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。

--------------------

## 请点赞！因为你们的赞同/鼓励是我写作的最大动力！ ##

### 欢迎关注[达达][Link 1]的CSDN！ ###

**这是一个有质量，有态度的博客**

![前端技术栈][format_png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70]: /images/20210724/281f35f5341e4fbe89d73c82464de74b.png
[20191216123715890.png]: /images/20210724/8a0bca0ff10747e3a6ee876eb2bd155e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 1]: /images/20210724/bf5d6e78631e49069617d18c17d41cfd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 2]: /images/20210724/9a64b7bae1af425fbde2d31e63124239.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 3]: /images/20210724/58c7b79a3259464fbdd85b0d4362f77c.png
[20191216124100816.png]: /images/20210724/9e45d39965d54d208e0548416dc5eb98.png
[20191216124115929.png]: /images/20210724/5e4c79a4b76d4003bd5cf9accf615e4a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 4]: /images/20210724/7583b890ee524cfeaa7a89c7a779235d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 5]: /images/20210724/691f5de8875c487aa310071b84b1159c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 6]: /images/20210724/508ed7dff95945c5a1e5d8414466b11b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 7]: /images/20210724/1b38ffc9f445416a94ae78554709bad1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 8]: /images/20210724/c42aa9c02e174f1fa3b7874eeb4ebdd1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 9]: /images/20210724/d8d58417cb134d3f983bcbabdcdbd087.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 10]: /images/20210724/91a4167b242941a58220f54029cd5b2e.png
[20191216124354330.png]: /images/20210724/57d4e9a9f752405794f61f00db6fe49d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 11]: /images/20210724/7dc9cc0cb20446ca80f56c205cd1701e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 12]: /images/20210724/12b93062a0544f0399d10a09b80d7653.png
[20191216124445746.png]: /images/20210724/f41e93f034454f44975b61c6aae2f286.png
[20191216124502805.png]: /images/20210724/8e5be244f8514dcdb06b2c9940e1d6a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 13]: /images/20210724/1c04506ec3b0428aa531fa110b0d7ba9.png
[20191216124523766.png]: /images/20210724/e134aa303b9a4f36be5ee7713145d0d8.png
[20191216124531763.png]: /images/20210724/821594fa98e045ed927fa26f39e1b70e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 14]: /images/20210724/9744ac3f6470480f89525fb0dd2f62f5.png
[20191216124843537.png]: /images/20210724/e7a062545d0342d895de50608c6cd5f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 15]: /images/20210724/887e6f7c0d65414d854d9b49e5ed59ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 16]: /images/20210724/1d30d77fc56a4f3f95e2f7eec8f8aa57.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 17]: /images/20210724/43919d6b1c0645929429d43afb28786f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 18]: /images/20210724/a8436169651b433cafc9c2ac4f3b88c6.png
[Link 1]: https://blog.csdn.net/qq_36232611
[format_png]: /images/20210724/738bf73f25554c69942e8e94cf3d163f.png