1 新建文件夹
cd /home
mkdir nps

2 下载服务器端
wget https://github.com/ehang-io/nps/releases/download/v0.26.10/linux_amd64_server.tar.gz && tar -zxvf linux_amd64_server.tar.gz

3 更改配置文件
vim conf/nps.conf

http=81
https=444
web_host=
web_username=
web_password=
web_port=8081

5 启动服务端
/home/nps/nps
nohup /home/nps/nps &

4 新增客户端
vkey可以手动修改
新增后点击隧道
选择TCP隧道，并分别选择服务端口和目标端口

5 下载客户端
https://github.com/ehang-io/nps/releases/download/v0.26.10/windows_amd64_client.tar.gz
https://github.com/ehang-io/nps/releases/download/v0.26.10/linux_arm64_client.tar.gz

6 客户端
indows
npc.exe -server=a.a.com:8000 -vkey=* -type=tcp

linux
./npc -server=a.a.com:8000 -vkey=* -type=tcp

7 其他工具参考
frp
ngrok
pgrok
Serveo
zerotier

1 下载ubuntu镜像

2 下载树莓派镜像烧录工具
https://downloads.raspberrypi.org/imager/imager_1.8.5.exe

3 下载分区管理工具diskgenius

4 烧录系统
删除TF卡所有分区分区，然后快速分区
使用烧录工具烧录系统
默认用户名不能为root

5 diskgenius扩容卷/

6 连接键盘显示器开机
用户名为配置项
用户名 ubuntu
密码 ubuntu

7 启用root
sudo passwd root

8 连接网线 更改配置
ip addr
cd /etc/netplan
vim 50-cloud-init.yaml
注意引号和空格

network:
   version: 2
   renderer: networkd
   ethernets:
       eth0:
           dhcp4: true
           match:
               macaddress: b8:27:eb:c6:94:8f
           set-name: eth0
   wifis:
       wlan0:
           dhcp4: true
           access-points:
               "wifi的ssid":
                   password: "wifi密码"

9 启用网卡并重启
netplan apply
ip link set eth0 up
ip link set wlan0 up
reboot

如果不能正常连wifi
连接网线
apt update
apt upgrade

如果upgrade报错
ps -eaf |grep pat
lsof /var/lib/........

apt upgrade

10 屏幕
cd /home
sudo rm -rf LCD-show-ubuntu
git clone https://github.com/lcdwiki/LCD-show-ubuntu.git
chmod -R 755 LCD-show-ubuntu
cd LCD-show-ubuntu/

In case of 3.5inch RPi Display(MPI3501)
sudo ./LCD35-show

11 检查语言环境
locale -a
apt-get install -y language-pack-zh-hans language-pack-zh-hans-base
update-locale LANG=zh_CN.utf-8

1 响应式设计
Responsive Web design
主要依靠前端 CSS （包括 Media Query 媒体查询，百分比流式布局，网格与Typography系统……）来对各种屏幕尺寸进行响应的做法。
也称为响应式布局，自适应网页设计，弹性设计等。
开发和维护方便，但代码较为臃肿，适合简单的展示和较小的访问量。

3 独立的移动版网站
依靠前端或服务器端的一次 “响应”（设备检测），做 URL 重定向，将不同设备的用户定向到不同的URL。
需要设计2次，适合移动端为主或功能较为复杂的情况。

2 RESS
Responsive Web Design with Server Side Components
通过服务器端组件的响应式网页设计
RESS 的本质还是服务器端动态的生成，返回 HTML、JS、CSS、图像等资源文件，但是只使用同一个 URL 就可以提供给移动端定制化更强的网页，同时还大大节省了网络资源。
前后端的工作量均较大，但是更接近单独设计的效果。

js判断终端.txt