手把手教你如何发布系统和GitHub的oAuth登录

太过爱你忘了你带给我的痛 2022-12-21 09:23 187阅读 0赞

## 实现线上Web服务 ##

*  下载安装VM Box, Ubuntu 镜像
    
     *  Oracle VM VirtualBox 下载地址： https://www.virtualbox.org/
     *  Ubuntu 20.04.1 LTS (Focal Fossa) 下载地址:https://releases.ubuntu.com/20.04/
 *  新建一个Node Server（Linux，Ubuntu-64bit）
 *  启动Node Server的时候引入Ubuntu 镜像
 *  Ubuntu 镜像启动后需要更改镜像地址  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center]
 *  填写用户名和服务器名，密码  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 1]
 *  勾选Install OpenSSH server  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 2]
 *  安装完毕，点击Reboot重启  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 3]
 *  手动重启  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 4]
 *  输入用户名和密码登录成功  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 5]
 *  用apt安装nodejs

sudo apt install nodejs

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

*  用apt安装npm

sudo apt install npm

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 7]

*  用npm 全局安装 n
    
    用node 写的node版本管理

sudo npm install -g n

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 8]

*  用 n 来管理node版本  
    要最新的node， 这里安装最新版会有问题，所以还是安装14.11.0

sudo n 14.11.0

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 9]

*  PATH=$“PATH”
 *  在本地创建server文件夹，然后用express快速搭建一个服务器

mkdir server
    cd server
    npx express-generator // 要是经常初始化项目，可以全局安装 npm install -g express-generator
    npm install
    npm start //默认3000端口

*  在虚拟机上启动ssh

service ssh start

默认22端口

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 10]

*  虚拟机设置22端口(PS:只有虚拟机用户才需要配置端口，正常的机器不需要)

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 11]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 12]

*  用scp命令

把本地目录的所有文件从8022 端口copy到虚拟机上  
P后面跟端口号  
127.0.0.1 如果是真的服务器，就用服务器的ip地址就可以了

因为copy整个目录，所以加个-r

scp -P 8022 -r ./* eve@127.0.0.1:/home/eve/server

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 13]

虚拟机上创建完目录再在本地试一次，这次成功了，可以看到虚拟机上的文件，这个时候不需要在虚拟机上npm install ，只要虚拟机上的node modules 和本地的保持一致即可  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 14]

*  在虚拟机上执行npm start  
    这个时候监听的是3000端口，所以还是要添加新的端口映射  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 15]
 *  添加新的端口映射(PS:只有虚拟机用户才需要配置端口，正常的机器不需要)

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

这个时候可以在浏览器看到  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 17]

然后虚拟机上的效果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 18]

*  访问一下style.css也可以看到  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 19]

## 实现一个发布系统 ##

在本地新建两个文件夹publish-tool和publish-server,然后全都先npm init一下,然后再各新建publish.js和erver.js文件

mkdir publish-tool
    cd publish-tool
    npm init
    touch publish.js
    
    mkdir publish-server
    cd publish-tool
    npm init
    touch server.js

*  publish.js的代码

*  server.js 的代码

*  用vscode分别打开着两个文件，然后点击左边的debug按钮
    
     *  先监听server.js,下图是运行完publish才会收到结果  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 20]
     *  再运行publish.js  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 21]
 *  修改一下两个文件的代码

// publish.js
    let http = require('http');
    
    let fs = require("fs");
    
        let request = http.request({ 
            hostname:"127.0.0.1",
            port:8082,
            method: "POST",
            headers:{ 
                'Content-Type':'application/octet-stream', // 流式传输的类型
              
            }
        }, response => { 
            console.log(response);
            
        })
        
        let file = fs.createReadStream("./sample/sample.html"); // 记得新建sample.html
     
    
    
    file.on('data', chunk => { 
        console.log(chunk.toString());
        request.write(chunk);
    })
    file.on('end', chunk => { 
        console.log("read finished");
        request.end(chunk);
    })

// server.js
    let http = require('http');
    let fs = require('fs');
    
    http.createServer((req, res) => { 
        console.log(req.headers);
    
        let outFile = fs.createWriteStream("../server/public/index.html") // 我的server文件夹和publish-tool、publish-server是在同一个路径下
    
        req.on('data', chunk => { 
            console.log(chunk);
            outFile.write(chunk);
    
        })
        req.on('end', chunk => { 
            outFile.end();
            res.end('success');
        })
    }).listen(8082);

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Hello</title>
    </head>
    <body>
        <h1>Hello333</h1>
    </body>
    </html>

*  然后继续监听publish-server,运行publish-tool,只要没有报错即可，然后你再进入到之前的server文件夹里，启动server，然后在浏览器打开3000端口，这个时候可以看到原来的index.html被sample.html覆盖了

cd server
    npm start //默认3000端口

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 22]

*  发布系统

因为总是要发布，所以命令可以统一写在package.json里的script  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 23]

其他文件也是这样写，只是后面的文件名不一致

*  服务器上启动多个服务

npm start&

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 24]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 25]

*  publish-server 用的端口8022，所以还是要设置端口转发(PS:只有虚拟机用户才需要配置端口，正常的机器不需要)

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 26]

这个时候代码里改一下publish.js的端口  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 27]

*  然后本地运行publish.js  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 28]
 *  在浏览器打开8080端口可以看到Hello333,这个时候就是模拟了本地访问线上的服务器  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 29]

## 单文件发布 ##

// publish.js
    
    let http = require('http');
    
    let fs = require("fs");
    
    
    fs.stat('./sample/sample.html', (err, stats) => {  // 单文件场景
    
        let request = http.request({ 
            hostname:"127.0.0.1",
            port:8082,
            // port:8882,
            method: "POST",
            headers:{ 
                'Content-Type':'application/octet-stream', // 流式传输的类型
                'Conten-Length':stats.size,
            }
        }, response => { 
            console.log(response);
            
        })
        
        let file = fs.createReadStream("./sample/sample.html");
    
        
        file.pipe(request);
        
        file.on('end', () => request.end());
    })

// server.js
    let http = require('http');
    let fs = require('fs');
    
    http.createServer((req, res) => { 
        console.log('req');
        let outFile = fs.createWriteStream("../server/public/index.html")
        req.pipe(outFile);
    }).listen(8082);

可以修改一下sample.html,然后再启动监听server服务，运行publish.js之后，在浏览器看3000端口内容是否跟sample.html内容一致

## 多文件发布 ##

新增一张图片和sample.html放在一起

*  在publish-tool安装archiver压缩

npm install --save archiver

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 30]

*  publish.js的代码修改

然后直接运行publish.js,可以看到当前文件下的tmp.zip压缩文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 31]

*  server.js文件修改

let http = require('http');
    let fs = require('fs');
    
    http.createServer((req, res) => { 
        console.log('req');
    
        let outFile = fs.createWriteStream("../server/public/tmp.zip")
        req.pipe(outFile);
    }).listen(8082);

然后重新运行一次publish.js文件，就可以在server/public/路径下看到tmp.zip压缩文件了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 32]

*  在服务端进行解压  
    sudo npm install --save unzipper

sudo npm install --save unzipper

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 33]

*  server.js解压代码修改

let http = require('http');
    let unzipper = require('unzipper');
    
    http.createServer((req, res) => { 
        console.log('req');
    
        req.pipe(unzipper.Extract({ path:'../server/public/'}));
    }).listen(8082);

然后再重新启动publish.js这样就可以在server文件夹里看到解压后的文件了

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 34]

## Github oAuth 登录实例 ##

*  先从GitHub主页的settings进去，然后在左边列表找到Developer settings进去

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 35]

*  然后选择New Github App

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 36]

*  New Github App填写内容

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 37]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 38]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 39]

*  提交后获取私钥  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 40]
 *  参考oAuth的文档  
    https://developer.github.com/apps/building-oauth-apps/authorizing-oauth-apps/
 *  oAth的总体思路
    
     *  publish-tool打开https://github.com/login/oauth/authorize?client\_id=xxx
     *  publish-server的auth路由：接收code,用code+client\_id +client-secret换取token
     *  创建server，接收token，点击发布
     *  用token获取用户信息，检查权限
     *  publish路由：接收发布
 *  修改publish.js代码

let http = require('http');
    
    let fs = require("fs");
    
    let archiver = require("archiver");
    
    let child_process = require("child_process");
    
    // 打开https://github.com/login/oauth/authorize
    
    child_process.exec(`open https://github.com/login/oauth/authorize?client_id=Iv1.73af973ded44837a`)
    
    // 创建server，接收token，点击发布
    
    
    
         // 创建archiver实例
        const  archive = archiver('zip', { 
            zlib:{ level:9}
        })
    
        archive.directory('./sample/', false);
    
        archive.finalize(); // 填好压缩内容
        archive.pipe(fs.createWriteStream("tmp.zip"))
        
        archive.pipe(request);

然后运行publish.js,浏览器会自动打开授权页面

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 41]

*  完整版publish.js代码

*  完整版server.js代码

*  先启动监听server.js
 *  然后运行publish.js,

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 42]

*  点击publish  
    就可以发布了，先把之前的server/public/ 下的文件删除，这样操作后就可以看到发布过去的图片和sample.html了

## 公众号 ##

欢迎大家关注我的公众号： 石马上coding，一起成长  
![石马上coding][coding]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/a94dee6534b845898d49fcc1c68ddc7d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/23c8036ac41c4ec3bb3e66d472bfffc1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221120/d48f278894d7422481a43c359929ec88.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221120/0ecf7e96c2924423b8d436f0d0112998.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221120/01d4ec10621e4987a9e0fad70599fe41.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221120/e46a0a835e5c4004bec64ce1b2d494c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221120/822aa0c704954fba9007f3f185e6c743.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221120/f48da06717b5455c9b4fe1c8ed371e6a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221120/030c4e5257cb4fd6aebd57cd198e3b2a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221120/5d324962a9344baf9dff8a3961baf194.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221120/7e488269dcfe4d6dabe3d99a045c80e9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221120/4e69a017f22d47fcbbae7ebfdd32d2bd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221120/ecefb610395e4ee7a74684d7bc0a0b3e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221120/7e37ee44d9704cdc9d717a9ec36cf0b0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221120/db10f88fea5e45be8154e5d3ec73c492.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221120/382f5b0afee9485889cdbded8afaeec5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221120/6a76f5beab2c45d695fe94b9cb80744d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221120/f0a4abb20bd8460eb29f599f5afd6f47.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221120/f4c6c15358044ae39dfbf5699f94ce6b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221120/c67b6754fdf449e3a019862cd0847714.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221120/2dcec4088eb74d5a963471ce10926ed4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221120/2f831efa16be4c11bbeac86a0e1ad693.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 22]: /images/20221120/bb02676cbc844ea7bbe7a42c32082197.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 23]: /images/20221120/73efbd4c30f8441dbe1b6b5a672ea471.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 24]: /images/20221120/cb34ba9db98849a090851777609045da.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 25]: /images/20221120/cff242fb2c9549cb85b95dac026d777f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 26]: /images/20221120/38b30a50318a46e0a7855d507ba2f6be.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 27]: /images/20221120/e717c2564fea47349821c712e274a154.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 28]: /images/20221120/be287c20f20c4b55a913c9b4a67000e6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 29]: /images/20221120/c450102d209f4aa2859e59e699e20ae2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 30]: /images/20221120/e43e8c160fe849eaada929a45e5eefd4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 31]: /images/20221120/84204cbef6a345aa91919524bd3d7f80.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 32]: /images/20221120/610fcf3b349d438eaec74822a17dfa6b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 33]: /images/20221120/d1b875e0867a483891db5c4be51ab602.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 34]: /images/20221120/2b4d40d1a19949f5930791b57f9386c2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 35]: /images/20221120/c4b547f33d564be78ce3456efb7a64b7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 36]: /images/20221120/b2e599723a534c29aa5f8b1a64b60804.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 37]: /images/20221120/6e294c15afc745389d7a6fc6177c1c0e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 38]: /images/20221120/e930dca7c2e24b3eb4bc2975e1964804.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 39]: /images/20221120/61f2055f9b16411e9b801b76220ddbb3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 40]: /images/20221120/361b032746d64bca86df63f5d7f0dbce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 41]: /images/20221120/0ccaae8bc2874604b24b0613563268ef.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center 42]: /images/20221120/a9a424ab33e84290a4fd60a6dea5f4b7.png
[coding]: /images/20221120/0407c8ff144242c38a19b90787e3bfec.png