1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

# 基础镜像：选 Python 3.11-slim（兼容你指定的依赖版本）为基础镜像，然后构建自己的镜像（本地使用或者发布）
FROM python:3.11-slim

# 设置容器内的工作目录
WORKDIR /docs

# 安装指定版本的 MkDocs 及所有依赖
RUN pip install --no-cache-dir --upgrade pip \
    && pip install --no-cache-dir \
        mkdocs==1.6.1 \
        mkdocs-material==9.7.0 \
        mkdocs-material-extensions==1.3.1 \
        Markdown==3.10 \
        pymdown-extensions==10.17.1 \
        mkdocs-minify-plugin==0.8.0

# 暴露 MkDocs 开发服务器默认端口
EXPOSE 8000

# 容器启动时启动 MkDocs 开发服务器（允许外部访问）
CMD ["mkdocs", "serve", "--dev-addr=0.0.0.0:8000"]

1
2
3
4
5
6
7

# 创建 Dockerfile 文件，并写入上面的配置

# 构建镜像
docker build -t mkdocs-docs .

# 启动容器
docker run -p 8000:8000 -v $(pwd):/docs mkdocs-docs

1
2
3
4
5
6
7
8
9

example.com {
    # 针对 example.com 的配置指令
    root * /var/www/html
    file_server
}
:8080 {
    # 监听 8080 端口的配置
    reverse_proxy http://localhost:3000
}

1
2
3
4
5

example.com {
    root * /var/www/html  # 设置网站根目录
    file_server           # 启用文件服务器
    encode gzip zstd      # 启用压缩
}

1
2
3

api.example.com {
    reverse_proxy http://localhost:3000  # 转发到本地 3000 端口
}

1
2
3
4
5

example.com {
    tls me@example.com  # 指定邮箱（可选）
    # 或使用自定义证书
    # tls /path/to/cert.pem /path/to/key.pem
}

1
2
3
4
5
6
7
8
9

example.com {
    log {
        output file /var/log/caddy/access.log
        format json
    }
    handle_errors {
        respond "Error: {http.error.status_code}"
    }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

example.com {
    handle /api/* {  # 匹配 /api/ 开头的路径
        reverse_proxy http://localhost:8000
    }
    
    handle /static/* {  # 静态资源
        root * /var/www/static
        file_server
    }
    
    handle {  # 默认处理
        root * /var/www/html
        file_server
    }
}

1
2
3
4
5
6

example.com {
    header {
        +Cache-Control "max-age=3600"  # 添加响应头
        -Server                        # 移除 Server 头
    }
}

1
2
3
4
5
6
7
8
9

example.com {
    handle /cache/* {
        cache {
            match path *.jpg *.png *.css *.js
            match header Cache-Control public
            max_size 100MB
        }
    }
}

1
2
3
4
5
6
7

example.com/admin {
    basicauth * {
        username hash(password)  # 使用 caddy hash-password 生成哈希
    }
    root * /var/www/admin
    file_server
}

1

caddy run --config /etc/caddy/Caddyfile

1
2
3
4
5
6
7
8
9

sudo apt update

sudo apt install nginx python3 python3-pip

# 启动 nginx
sudo systemctl start nginx

# 自启动 nginx
sudo systemctl enable nginx

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

/var/www/
├── blog/          # 博客文件目录
│   ├── index.html
│   ├── css/
│   ├── js/
│   └── images/
└── dev/           # 开发项目目录
    ├── project1/
    ├── project2/
    └── ...

1

sudo nano /etc/nginx/sites-available/default

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/blog;

    index index.html index.htm index.nginx-debian.html;

    server_name _;

    location / {
        try_files $uri $uri/ =404;
    }
}

1

scp -r /path/to/local/blog/* user@your_server_ip:/var/www/blog/

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

cd /var/www/dev

mkdir my_flask_project

cd my_flask_project

python3 -m venv venv

source venv/bin/activate

pip install flask

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, World!'

if __name__ == '__main__':
    app.run(debug=True)

1

python app.py

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

nginx服务器日志相关指令主要有两条

1 log_format，用来设置日志格式
2 access_log，用来指定日志文件的存放路径、格式和缓存大小

参数说明：
$remote_addr 和 $http_x_forwarded_for 用于记录IP地址
$request 用于记录请求URL与HTTP协议
$status 用于记录请求状态，例如成功时状态为200，页面找不到时状态为404
$body_bytes_sent 用于记录发送客户端的文件主体内容大小
$http_referer 用于记录是从哪个页面链接访问过来的；
$http_user_agent 用于记录客户浏览器的相关信息。
$upstream_response_time 请求过程中，upstream 响应时间

1

log_format yuiformat '[$time_iso8601] $http_x_forwarded_for $remote_addr "$request" $status $body_bytes_sent "$http_referer" "$http_user_agent" $upstream_response_time';

1
2
3
4
5
6
7

upstream servers {
  server 127.0.0.1:5000 weight=5;
  server 127.0.0.1:5001 weight=5;
  server 127.0.0.1:5002 weight=1;
  server 127.0.0.1:5003 backup;
  keepalive 20;
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

server {
  # 这个 default_server 块是默认的服务器块。当没有其他服务器块能够处理请求时，Nginx 会使用默认的服务器块。
  listen 80 default_server;
  listen [::]:80 default_server;


  # root 指定的是服务器根目录，用于处理 HTTP 请求时，所使用的默认根目录
  # 例如，若root /var/www/html; 则访问 http://example.com/index.html 会定位到 /var/www/html/index.html 文件
  root /var/www/html;


  index index.html index.htm index.nginx-debian.html

  # server_name 用于设置虚拟主机服务名称
  server_name _;

  # 访问根目录 /
  location / {
    proxy_pass http://127.0.0.1:8000;

    # proxy_set_header 设置代理服务器，向后端服务器转发请求时的头部信息。
    # 这个指令允许你定制代理请求头，比如修改用户代理（User-Agent）、主机名、内容类型等
    # 以便更好地控制流量或隐藏客户端信息。
    # Host $host; 设置请求的目标主机为原始请求的主机；

    proxy_set_header HOST $host;
    proxy_set_header   X-Real-IP $remote_addr;
    proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header   X-Forwarded-Host $server_name;

    # X-Forwarded-For: 传递客户端代理的 IP 链接，对于多个代理层会有多个 IP。


    # proxy_read_timeout 通常在代理服务器中使用，它设置了从上游服务器接收数据的最大等待时间。
    # 如果超过这个时间限制但没有接收到预期的数据，代理服务器会认为连接超时，然后可能会关闭连接，以秒为单位
    # 用于控制网络请求的响应时间，防止因长时间等待导致的性能问题或资源浪费。
    proxy_read_timeout 600s;


    # client_max_body_size 是一个配置选项，通常用于Web服务器中，允许客户端通过HTTP请求发送的最大数据体（body）大小。这个设置对于限制潜在的恶意攻击或防止服务器资源被大文件上传消耗过多。
    # 如果设置了较高的值，可能会增加服务器处理大文件的能力，但同时也增加了被DDoS攻击的风险。
    # 如果设置过低，可能会导致一些大文件无法正常上传，例如文件上传功能的网站。
    # 在实际部署中，你需要根据应用的需求和服务器性能来合理配置这个值。
    client_max_body_size: 0;

    # add_header 用于在 HTTP响应头 中添加自定义的元数据，这对于控制HTTP缓存、设置安全策略、提供特定信息给客户端或代理服务器等场景非常有用。
    # 使用add_header，你可以动态地插入如 Cache-Control、Content-Security-Policy、X-Frame-Options等头信息。
    add_header Access-Control-Allow-Origin * always;
    add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;
    add_header Access-Control-Allow-Headers "deviceType,token, authorization, content-type";
    if ($request_method = 'OPTIONS') {
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;
        add_header Access-Control-Allow-Headers "deviceType,token, authorization, content-type,Content-Range,Content-Disposition";
        return 204;
    }
    # 日志位置
    access_log /data/logs/yui.access.log yuiformat;
    error_log /data/logs/yui.error.log;
  }

  # alias 别名，nginx会将 location 后面的 xxx 替换为 alias 指令指定的路径 xxx
  location /media/assets/scripts {
    alias /data/dev/static/scripts;
  }
  location /media {
    alias /data/dev/statis/media;
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

{
  "name": "sexample",
  "version": "0.0.1",
  "main": "index.js",
  "dependencies": {
    "express": "^4.18.2",
    "socket.io": "^4.7.1"
  },
  "scripts": {
    "start": "node index.js"
  },
  "author": "Michael An",
  "license": "ISC"
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

const express = require('express');
const app = express();
const http = require('http');
const server = http.createServer(app);
const { Server } = require("socket.io");
const io = new Server(server);

// express 基本支持
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});

// socket-io 提供协同
io.on('connection', (socket) => {
  socket.on('in-out message', (msg) => {
    io.emit('in-out message', msg);
  });

  socket.on('chat message', (msg) => {
    io.emit('chat message', msg);
  });

  socket.on('disconnect', () => {
    io.emit('in-out message', '某个人退出了聊天室');
  });
});

// 开启服务器
server.listen(3050, () => {
  console.log('listening on *:3050');
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<!DOCTYPE html>
<html>
  <head>
    <title>Socket.IO chat</title>
    <style>
      body { margin: 0; padding-bottom: 3rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
      #form { background: rgba(0, 0, 0, 0.15); padding: 0.25rem; position: fixed; bottom: 0; left: 0; right: 0; display: flex; height: 3rem; box-sizing: border-box; backdrop-filter: blur(10px); }
      #input { border: none; padding: 0 1rem; flex-grow: 1; border-radius: 2rem; margin: 0.25rem; }
      #input:focus { outline: none; }
      #form > button { background: #333; border: none; padding: 0 1rem; margin: 0.25rem; border-radius: 3px; outline: none; color: #fff; }
      #messages { list-style-type: none; margin: 0; padding: 0; }
      #messages > li { padding: 0.5rem 1rem; }
      #messages > li:nth-child(odd) { background: #efefef; }
    </style>
  </head>
  <body>
    <ul id="messages"></ul>
    <form id="form" action="">
      <input id="input" autocomplete="off" />
      <button>Send</button>
    </form>
  </body>
  <script src="/socket.io/socket.io.js"></script>
  <!-- <script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script> -->
  <script>
  </script>
</html>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

let socket = io();
let form = document.getElementById('form');
let input = document.getElementById('input');

// 打开页面时，直接让用户输入自己的姓名（实际上应该需要后端登录验证，这里为了简单处理）
let username = prompt("请输入您的姓名:");
window.currentUserName = username;

// 向全局广播进入的消息
socket.emit('in-out message', username + ' 进入了聊天室');

// 点击按钮，提交消息
form.addEventListener('submit', function(e) {
  // 阻止表单默认提交
  e.preventDefault();
  if (input.value) {
    // 发送给全部用户
    socket.emit('chat message', input.value + ' by ' + username);
    input.value = '';
  }
});

// 监听消息，并把消息显示到页面
socket.on('chat message', function(msg) {
  let item = document.createElement('li');
  item.textContent = msg;
  messages.appendChild(item);
  window.scrollTo(0, document.body.scrollHeight);
});

// 监听到进出的消息
socket.on('in-out message', function(msg) {
  let item = document.createElement('li');
  item.textContent = msg;
  messages.appendChild(item);
  window.scrollTo(0, document.body.scrollHeight);
});

// 退出时，向全局广播退出的消息
// 如果直接关闭浏览器或者操作系统，获取不到用户用户的退出信息
window.onbeforeunload = function() {
  socket.emit('in-out', username + ' 退出了聊天室');
};

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

Nmap scan report for 39.98.59.100
Host is up (0.015s latency).
Not shown: 995 filtered tcp ports (no-response)

PORT     STATE  SERVICE
80/tcp   open   http
443/tcp  closed https
8888/tcp open   sun-answerbook
9001/tcp open   tor-orport
9002/tcp open   dynamid