![image.png](https://www.qt.io/hubfs/Qt-logo-neon-small.png)



## 下载在线安装器

[https://www.qt.io/download-open-source](https://www.qt.io/download-open-source)


![image.png](http://text.beiklive.top/static/img/4ec05f211cd9a2619674be2fe27cc4a7.image.webp)

## 使用镜像代理打开在线安装器

![image.png](http://text.beiklive.top/static/img/0a0887fa467adc469d33010192d96e35.image.webp)


追加
```
--mirror https://mirror.nju.edu.cn/qt
```
![image.png](http://text.beiklive.top/static/img/eee2d20f5e48d9f5b656d7e18e6d0933.image.webp)

QT 安装

![image.png](http://text.beiklive.top/static/img/364bf736a3321b360ae9762e9ba53aac.image.webp)




## 检查 `nginx` 是否已经配置了 `SSH` 模块
```shell
nginx -V
```
打印如下
```shell
$ nginx -V
nginx version: nginx/1.24.0
built by gcc 9.4.0 (Ubuntu 9.4.0-1ubuntu1~20.04.1) 
built with OpenSSL 1.1.1f  31 Mar 2020
TLS SNI support enabled
configure arguments: --prefix=/usr/local/webserver/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=/usr/local/src/pcre-8.45
```

`configure arguments` 中 不存在 `--with-stream`, 说明不支持 `SSH`

## 找到 `nginx` 的 `configure` 的位置
```shell
sudo find /usr -name "configure" | grep "nginx"
```
找到如下
```shell
/usr/local/src/nginx-1.24.0/configure
```

## 使用 `configure` 安装 `SSH` 模块
### 安装
```shell
sudo ./configure --with-stream
```
```shell
checking for OS
 + Linux 5.4.0-77-generic x86_64
checking for C compiler ... found
 + using GNU C compiler
 + gcc version: 9.4.0 (Ubuntu 9.4.0-1ubuntu1~20.04.1) 
checking for gcc -pipe switch ... found
checking for -Wl,-E switch ... found
checking for gcc builtin atomic operations ... found
checking for C99 variadic macros ... found
checking for gcc variadic macros ... found
checking for gcc builtin 64 bit byteswap ... found
checking for unistd.h ... found
checking for inttypes.h ... found
checking for limits.h ... found
checking for sys/filio.h ... not found
checking for sys/param.h ... found
checking for sys/mount.h ... found
checking for sys/statvfs.h ... found

......

checking for sysconf(_SC_LEVEL1_DCACHE_LINESIZE) ... found
checking for openat(), fstatat() ... found
checking for getaddrinfo() ... found
checking for PCRE2 library ... found
checking for zlib library ... found
creating objs/Makefile

Configuration summary
  + using system PCRE2 library
  + OpenSSL library is not used
  + using system zlib library

  nginx path prefix: "/usr/local/nginx"
  nginx binary file: "/usr/local/nginx/sbin/nginx"
  nginx modules path: "/usr/local/nginx/modules"
  nginx configuration prefix: "/usr/local/nginx/conf"
  nginx configuration file: "/usr/local/nginx/conf/nginx.conf"
  nginx pid file: "/usr/local/nginx/logs/nginx.pid"
  nginx error log file: "/usr/local/nginx/logs/error.log"
  nginx http access log file: "/usr/local/nginx/logs/access.log"
  nginx http client request body temporary files: "client_body_temp"
  nginx http proxy temporary files: "proxy_temp"
  nginx http fastcgi temporary files: "fastcgi_temp"
  nginx http uwsgi temporary files: "uwsgi_temp"
  nginx http scgi temporary files: "scgi_temp"
```

### 编译
```shell
sudo make
```
```shell
make -f objs/Makefile
make[1]: Entering directory '/usr/local/src/nginx-1.24.0'
cc -c -pipe  -O -W -Wall -Wpointer-arith -Wno-unused-parameter -Werror -g  -I src/core -I src/event -I src/event/modules -I src/os/unix -I objs \
        -o objs/src/core/nginx.o \
        src/core/nginx.c
cc -c -pipe  -O -W -Wall -Wpointer-arith -Wno-unused-parameter -Werror -g  -I src/core -I src/event -I src/event/modules -I src/os/unix -I objs \
        -o objs/src/core/ngx_log.o \
        src/core/ngx_log.c
cc -c -pipe  -O -W -Wall -Wpointer-arith -Wno-unused-parameter -Wer

......

objs/src/stream/ngx_stream_upstream_random_module.o \
objs/src/stream/ngx_stream_upstream_zone_module.o \
objs/ngx_modules.o \
-ldl -lpthread -lcrypt -lpcre2-8 -lz \
-Wl,-E
sed -e "s|%%PREFIX%%|/usr/local/nginx|" \
        -e "s|%%PID_PATH%%|/usr/local/nginx/logs/nginx.pid|" \
        -e "s|%%CONF_PATH%%|/usr/local/nginx/conf/nginx.conf|" \
        -e "s|%%ERROR_LOG_PATH%%|/usr/local/nginx/logs/error.log|" \
        < man/nginx.8 > objs/nginx.8
make[1]: Leaving directory '/usr/local/src/nginx-1.24.0'

```



## 完成

```
#ssh代理配置
stream {
    upstream ssh-proxy {
      server 110.42.252.237:22;    #代理的地址
    }
    server {
      listen 12345;                #本地监听12345
      proxy_pass ssh-proxy;
    }
}
```

nginx 代理 ssh

# 查询指定程序的包， 以下以微信为例子




## 获取微信的 PID

有两种方法
### 1. 直接在任务管理器查看

![image.png](http://text.beiklive.top/static/img/46631042e6c69a41f59e51ff26fcf4c9.image.webp)

### 2. 使用cmd命令查看

命令：
```bash
tasklist | findstr "WeChat"
```

![image.png](http://text.beiklive.top/static/img/a8342f6d70286233a9eba32f6d11e118.image.webp)

## 根据 PID 查询程序使用的端口号

命令：
```bash
netstat -ano | findstr "30360"
```

![image.png](http://text.beiklive.top/static/img/b4c01ee8f2ad3cf0f33218ae6eeb347f.image.webp)

查询了几个相关的 PID 之后，发现只有第一个使用了端口

记下此处的 IP `10.244.90.35` 和 端口号 `60618`

## 使用 wireshark 过滤

使用一下过滤语句筛选
```sql
(ip.addr == 10.244.90.35) and (tcp.port == 60618)
```

重新开始捕获即可看到微信的报文

![image.png](http://text.beiklive.top/static/img/0f188a4506f64e10db472d1acaa52709.image.webp)

wireshark 抓取指定程序的包

## 一些原理图结构（直接抄）

### LDO降压电路


![image.png](http://text.beiklive.top/static/img/3a2ac05694c43fa293f36f47454d4ceb.image.webp)

该图是 3.3V的LDO， 用来将高电压稳定的降压到 3.3V

C2C3 还有 C4C5是滤波用的，
两个不同容值的电容并联连接，使得电路在更广泛的频率范围内能够有效地过滤输入电源中的噪声。这种组合常被称为“电容二重滤波”（capacitor double-filtering）。在实际设计中，这种配置有助于提高电源的稳定性，减小对LDO的输入电源的影响。


VOUT和 TAB在实物上是在一块的

![image.png](http://text.beiklive.top/static/img/e44049cb2fe32122a322d45aa1df184e.image.webp)


![image.png](http://text.beiklive.top/static/img/8ff65a555cfce5bea06d916346db6861.image.webp)

EDA 复建小抄

# 功能： 修改指定像素颜色，实现如边框、头发的变色





用到的sprit2d图片为

![texture.png](http://text.beiklive.top/static/img/f6b4876c7456d624913bca8b84375896.texture.webp)


### 演示：
![pixels.gif](http://text.beiklive.top/static/img/5a4feeb4839efc175165138761257dc9.pixels.gif)


```js
shader_type canvas_item;

// uniform 变量，表示边框颜色
uniform vec4 border_color : source_color;
uniform float pxielsize = 2.0;
uniform vec2 textureSize = vec2(24.0, 24.0);

bool isThisPos(vec2 uv, vec2 targetPos)
{
	if((uv.y * textureSize.y>= targetPos.y) && (uv.y * textureSize.y < (targetPos.y+1.0)))
	{
		if((uv.x * textureSize.x >= targetPos.x) && (uv.x * textureSize.x < (targetPos.x+1.0)))
		{
			return true;
		}
	}
	return false;
}

void fragment() {
    // 获取当前像素的UV坐标
	
	float a = texture(TEXTURE, UV).a;
	if(a > 0.01)
	{
		for(int y = 0; y < int(textureSize.y); y++)
		{
			if(isThisPos(UV, vec2(0.0, float(y))))
			{
			    COLOR = border_color;
			}
			if(isThisPos(UV, vec2(1.0, float(y))))
			{
			    COLOR = border_color;
			}
			if(isThisPos(UV, vec2(22.0, float(y))))
			{
			    COLOR = border_color;
			}
			if(isThisPos(UV, vec2(23.0, float(y))))
			{
			    COLOR = border_color;
			}
		}
		for(int x = 0; x < int(textureSize.x); x++)
		{
			if(isThisPos(UV, vec2(float(x), 0.0)))
			{
			    COLOR = border_color;
			}
			if(isThisPos(UV, vec2(float(x), 1.0)))
			{
			    COLOR = border_color;
			}
			if(isThisPos(UV, vec2(float(x), 23.0)))
			{
			    COLOR = border_color;
			}
		}
		if(isThisPos(UV, vec2(2.0, 2.0)))
		{
		    COLOR = border_color;
		}
		if(isThisPos(UV, vec2(2.0, 22.0)))
		{
		    COLOR = border_color;
		}
		if(isThisPos(UV, vec2(21.0, 2.0)))
		{
		    COLOR = border_color;
		}
		if(isThisPos(UV, vec2(21.0, 22.0)))
		{
		    COLOR = border_color;
		}
	}
}
```



## 拓展
用此方法筛选点， 此时筛出来的点就是单独的图层，对此图层可做变换操作

![pixels.gif](http://text.beiklive.top/static/img/2659af9b52157632fbbd804727a4e849.pixels.gif)


```js
shader_type canvas_item;

// uniform 变量，表示边框颜色
uniform vec4 border_color : source_color;
uniform float pxielsize = 2.0;
uniform vec2 textureSize = vec2(24.0, 24.0);


// 波浪的频率、振幅和速度
uniform float wave_frequency : hint_range(0.1, 10.0) = 1.0;
uniform float wave_amplitude : hint_range(0.1, 5.0) = 0.5;
uniform float wave_speed : hint_range(0.1, 5.0) = 1.0;


bool isThisPos(vec2 uv, vec2 targetPos)
{
	if((uv.y * textureSize.y>= targetPos.y) && (uv.y * textureSize.y < (targetPos.y+1.0)))
	{
		if((uv.x * textureSize.x >= targetPos.x) && (uv.x * textureSize.x < (targetPos.x+1.0)))
		{
			return true;
		}
	}
	return false;
}

void fragment() {
    // 获取当前像素的UV坐标
//	vec4 border_color = vec4(1.0*sin(PI*TIME),1.0*cos(PI*TIME),1.0*sin(PI*TIME)*cos(PI*TIME),1.0);
	bool isThisUV = false;
	float a = texture(TEXTURE, UV).a;
	if(a > 0.01)
	{
		for(int y = 0; y < int(textureSize.y); y++)
		{
			if(isThisPos(UV, vec2(0.0, float(y))))
			{
			    isThisUV = true;
			}
			if(isThisPos(UV, vec2(1.0, float(y))))
			{
			    isThisUV = true;
			}
			if(isThisPos(UV, vec2(22.0, float(y))))
			{
			    isThisUV = true;
			}
			if(isThisPos(UV, vec2(23.0, float(y))))
			{
			    isThisUV = true;
			}
		}
		for(int x = 0; x < int(textureSize.x); x++)
		{
			if(isThisPos(UV, vec2(float(x), 0.0)))
			{
			    isThisUV = true;
			}
			if(isThisPos(UV, vec2(float(x), 1.0)))
			{
			    isThisUV = true;
			}
			if(isThisPos(UV, vec2(float(x), 23.0)))
			{
			    isThisUV = true;
			}
		}
		if(isThisPos(UV, vec2(2.0, 2.0)))
		{
		    isThisUV = true;
		}
		if(isThisPos(UV, vec2(2.0, 22.0)))
		{
		    isThisUV = true;
		}
		if(isThisPos(UV, vec2(21.0, 2.0)))
		{
		    isThisUV = true;
		}
		if(isThisPos(UV, vec2(21.0, 22.0)))
		{
		    isThisUV = true;
		}
	}
	
	if(isThisUV)
	{
		vec2 uv = UV;

    	// 计算波浪效果
	    float wave = sin(uv.x * wave_frequency + TIME * wave_speed) * wave_amplitude;
	    float wave2 = sin(uv.y * wave_frequency + TIME * wave_speed) * wave_amplitude;

	    // 应用波浪效果到y坐标
	    uv.y += wave;
	    uv.x += wave2;

	    // 获取纹理颜色
	    vec4 current_color = texture(TEXTURE, uv);
		current_color.rgb = border_color.rgb;
	    // 设置最终颜色
	    COLOR = current_color;
	}
}
```

查询指定程序的包，以下以微信为例子

功能：修改指定像素颜色，实现如边框、头发的变色

查询指定程序的包， 以下以微信为例子

功能： 修改指定像素颜色，实现如边框、头发的变色

查询指定程序的包，以下以微信为例子

功能：修改指定像素颜色，实现如边框、头发的变色