QgxsのBlog

WorkBuddy 部署与使用，微信、QQ、飞书直连！腾讯版 OpenClaw

Wed, 18 Mar 2026 00:00:00 GMT

WorkBuddy 部署与使用，微信、QQ、飞书直连！腾讯版 OpenClaw#

基本介绍#

WorkBuddy 是腾讯推出的一款类 OpenClaw 的桌面智能体工作台，支持在手机主流 IM 平台下发指令，兼容 Windows、Mac 系统，可接入微信、企业微信、QQ、钉钉、飞书等应用。

WorkBuddy 产品示意图

一、WorkBuddy 下载安装#

1.1 下载安装包#

访问 WorkBuddy 官网，下载对应系统的安装包（Windows 版为 .exe 格式可执行文件，如 WorkBuddy-win32-x64-user-4.5.14.22954247-ebb17324ec-0490d05d.exe）。

1.2 执行安装#

双击下载的安装包（Windows 用户），按照引导完成安装流程即可。

二、WorkBuddy 登录#

打开 WorkBuddy 应用，点击「登录」按钮，按提示完成账号登录操作。

WorkBuddy 登录界面1

WorkBuddy 登录界面2

三、主流 IM 平台集成指南#

集成平台	详细指南链接
微信	WorkBuddy 集成微信
QQ	WorkBuddy 集成 QQ
飞书	WorkBuddy 集成飞书
钉钉	WorkBuddy 集成钉钉
企业微信	WorkBuddy 集成企业微信

四、相关网址#

WorkBuddy 官网：https://copilot.tencent.com/work/
微信集成指南：https://www.codebuddy.cn/docs/workbuddy/Wechat-Guide
QQ 集成指南：https://www.codebuddy.cn/docs/workbuddy/QQ-Guide
飞书集成指南：https://www.codebuddy.cn/docs/workbuddy/Feishu-Guide
钉钉集成指南：https://www.codebuddy.cn/docs/workbuddy/Dingtalk-Guide
企业微信集成指南：https://www.codebuddy.cn/docs/workbuddy/Wecom-Guide

超详细！OpenClaw 本地部署保姆级实战教学

Wed, 18 Mar 2026 00:00:00 GMT

超详细！OpenClaw 本地部署保姆级实战教学#

OpenClaw 部署教程封面

1. 简介#

什么是 OpenClaw？#

OpenClaw/Moltbot/Clawdbot 是一个 AI 助手框架，支持：

🤖 多模型支持（MiniMax、Claude、GLM、GPT等）
💬 多平台集成（WhatsApp、Telegram、Discord等）
🛠️ 强大的工具生态（浏览器、文件系统、代码生成等）
🔧 可扩展的技能系统

版本说明#

OpenClaw: 官方名称，最新版本使用的命令
Moltbot/Clawdbot: 旧版本命令，部分用户可能仍在使用

本教程以 openclaw 为准，clawdbot 用户可将命令替换使用。

2. 系统要求#

基础要求#

项目	要求
操作系统	macOS 10.15+ / Windows 10+ / Linux (Ubuntu 20.04+)
Node.js	>= 22.x (必需)
内存	最低 2GB，推荐 4GB+
磁盘空间	最低 1GB，推荐 5GB+
网络	需要访问互联网（API 调用），必须使用代理，否则无法启动 gateway

Windows 额外要求#

推荐: WSL2 (Windows Subsystem for Linux 2) 原因: 原生 Windows 支持不完善，工具兼容性较差

macOS 额外要求#

Xcode Command Line Tools: 可选（仅构建应用时需要）

3. Windows 系统安装#

方法一：安装 WSL2（推荐）#

3.1 安装 WSL2#

以管理员身份打开 PowerShell：

Terminal window

1
# 启用 WSL 功能
2
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
3
# 启用虚拟机平台
4
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart

步骤 2：重启电脑

步骤 3：安装 WSL2 内核更新下载并安装：wslstorestorage.blob.core.wslblob/wsl_update_x64.msi

步骤 4：设置 WSL2 为默认

Terminal window

1
wsl --set-default-version 2

步骤 5：安装 Ubuntu 打开 Microsoft Store，搜索 “Ubuntu 22.04 LTS”，安装并启动，设置用户名和密码。

3.2 在 WSL2 中安装 Node.js#

Terminal window

1
# 更新包列表
2
sudo apt update && sudo apt upgrade -y
3
# 安装 curl
4
sudo apt install -y curl
5
# 安装 Node.js 22.x
6
curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -
7
sudo apt-get install -y nodejs
8
# 验证安装
9
node --version
10
npm --version

3.3 安装 OpenClaw#

Terminal window

1
curl -fsSL https://openclaw.ai/install.sh | bash
2

3
# 验证安装
4
openclaw --version
5

6
# 如果命令找不到，添加到 PATH
7
echo 'export PATH="$PATH:/usr/local/bin"' >> ~/.bashrc
8
source ~/.bashrc

3.4 安装 Docker（可选，用于沙箱）#

Terminal window

1
# 在 WSL2 中安装 Docker
2
curl -fsSL https://get.docker.com | sudo sh
3

4
# 添加当前用户到 docker 组
5
sudo usermod -aG docker $USER
6

7
# 启动 Docker 服务
8
sudo service docker start
9

10
# 验证
11
docker --version

3.5 遇到问题？#

方案 A：使用 Docker Desktop
方案 B：使用虚拟机安装 Ubuntu 22.04

方法二：Windows PowerShell 一键部署#

Terminal window

1
iwr -useb https://openclaw.ai/install.ps1 | iex

4. Mac 系统安装#

4.1 安装 Homebrew（如果未安装）#

Terminal window

1
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
2
brew --version

4.2 安装 Node.js 22.x#

方案 A：使用 Homebrew#

Terminal window

1
brew install node@22
2
echo 'export PATH="/usr/local/opt/node@22/bin:$PATH"' >> ~/.zshrc
3
source ~/.zshrc
4
node --version

方案 B：使用 nvm（推荐）#

Terminal window

1
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
2
source ~/.zshrc
3
nvm install 22
4
nvm use 22
5
node --version

4.3 安装 OpenClaw#

Terminal window

1
curl -fsSL https://openclaw.ai/install.sh | bash
2
openclaw --version
3

4
# 找不到命令时添加 PATH
5
echo 'export PATH="$PATH:/usr/local/bin"' >> ~/.zshrc
6
source ~/.zshrc

或使用 npm：

Terminal window

1
npm install -g openclaw@latest
2
openclaw --version

或使用 pnpm：

Terminal window

1
npm install -g pnpm
2
pnpm add -g openclaw@latest
3
openclaw --version

4.4 安装 Docker（可选）#

下载地址：https://www.docker.com/products/docker-desktop/

4.5 Xcode Command Line Tools（可选）#

Terminal window

1
xcode-select --install
2
xcode-select -p

5. 首次配置向导#

5.1 启动向导#

Terminal window

1
openclaw onboard

5.2 配置步骤#

选择 Gateway mode：Local
认证选择：Anthropic (API key)
默认模型：claude-sonnet-4-0
工作区：~/clawd
端口：18789，绑定：loopback
认证：Token
Tailscale：No
按需配置频道
安装后台服务
运行时：Node
健康检查 & 安装推荐技能

5.3 完成配置#

看到 🎉 OpenClaw 已准备就绪！ 即完成。

5.4 快速测试#

Terminal window

1
openclaw status
2
openclaw message send --target +15555550123 --message "Hello from Moltbot!"
3
openclaw logs --follow

6. 常用指令大全#

6.1 基础命令#

Terminal window

1
openclaw --version
2
openclaw --help
3
openclaw status
4
openclaw status --all
5
openclaw status --deep

6.2 Gateway 管理#

Terminal window

1
openclaw gateway start
2
openclaw gateway stop
3
openclaw gateway restart
4
openclaw gateway status
5
openclaw gateway config

6.3 配置管理#

Terminal window

1
openclaw configure
2
openclaw config get
3
openclaw config set gateway.port 18789
4
openclaw config unset gateway.port

6.4 模型管理#

Terminal window

1
openclaw models list
2
openclaw models set anthropic/claude-sonnet-4-0
3
openclaw models probe <model-name>

6.5 频道管理#

Terminal window

1
openclaw channels login
2
openclaw channels logout
3
openclaw channels status

6.6 配对管理#

Terminal window

1
openclaw pairing list whatsapp
2
openclaw pairing approve whatsapp <code>

6.7 消息发送#

Terminal window

1
openclaw message send --target +15555550123 --message "Hello!"

6.8 代理 & 会话 & 技能#

Terminal window

1
openclaw agents list
2
openclaw sessions list
3
openclaw skills list

6.9 日志与诊断#

Terminal window

1
openclaw logs --follow
2
openclaw health
3
openclaw doctor
4
openclaw doctor --fix

6.10 更新升级#

Terminal window

1
curl -fsSL https://openclaw.ai/install.sh | bash

7. 日常维护#

7.1 定期检查#

Terminal window

1
openclaw status
2
openclaw health
3
openclaw doctor

7.2 日志管理#

Terminal window

1
openclaw logs --follow
2
openclaw logs --limit 1000 | grep -i "error\|failed"

7.3 备份配置#

Terminal window

1
cp ~/.openclaw/openclaw.json ~/.openclaw/openclaw.json.backup.$(date +%Y%m%d)
2
tar -czvf ~/backups/clawd-backup.$(date +%Y%m%d).tar.gz ~/clawd/

7.4 更新流程#

Terminal window

1
openclaw gateway stop
2
curl -fsSL https://openclaw.ai/install.sh | bash
3
openclaw doctor
4
openclaw gateway start
5
openclaw status

7.5 监控告警（可选）#

1
cat > ~/clawd/monitor.sh << 'EOF'
2
#!/bin/bash
3
echo "=== $(date) ==="
4
openclaw status
5
openclaw health
6
openclaw logs --limit 100 | grep -i error | tail -5
7
if ! openclaw gateway status | grep -q "running"; then
8
  echo "⚠️ Gateway 未运行，尝试重启..."
9
  openclaw gateway restart
10
fi
11
EOF
12
chmod +x ~/clawd/monitor.sh

定时任务：

Terminal window

1
0 * * * * ~/clawd/monitor.sh >> ~/clawd/monitor.log 2>&1

7.6 清理维护#

Terminal window

1
find /tmp/moltbot -name "openclaw-*.log" -mtime +7 -delete
2
rm -rf ~/.openclaw/tmp/*

8. 故障排除#

8.1 快速诊断#

Terminal window

1
openclaw status --all
2
openclaw logs --follow
3
openclaw doctor
4
openclaw doctor --fix

8.2 常见问题#

命令找不到#

Terminal window

1
npm list -g --depth=0 | grep openclaw
2
echo 'export PATH="$PATH:/usr/local/bin"' >> ~/.zshrc
3
source ~/.zshrc

Gateway 无法启动#

Terminal window

1
openclaw gateway --verbose
2
lsof -i :18789

无 API Key#

Terminal window

1
openclaw configure
2
export ANTHROPIC_API_KEY="sk-ant-api03-..."

频道无响应#

Terminal window

1
openclaw channels status --probe

8.3 紧急恢复#

Terminal window

1
openclaw gateway stop
2
cp ~/.clawdbot/clawdbot.json ~/.openclaw/openclaw.json.emergency
3
openclaw setup --reset config
4
openclaw onboard

9. 进阶配置#

9.1 多代理配置#

1
{
2
  "agents": {
3
    "list": [
4
      {
5
        "id": "main",
6
        "name": "主助手",
7
        "workspace": "~/clawd",
8
        "default": true,
9
        "model": {
10
          "primary": "minimax/MiniMax-M2.1",
11
          "fallbacks": ["glm-4"]
12
        }
13
      }
14
    ]
15
  }
16
}

展开收起

9.2 模型主备配置#

1
{
2
  "agents": {
3
    "defaults": {
4
      "model": {
5
        "primary": "minimax/MiniMax-M2.1",
6
        "fallbacks": [
7
          "anthropic/claude-sonnet-4-0",
8
          "glm-4",
9
          "openai/gpt-4o"
10
        ]
11
      }
12
    }
13
  }
14
}

9.3 频道配置示例#

1
{
2
  "channels": {
3
    "whatsapp": {
4
      "dmPolicy": "pairing",
5
      "allowFrom": ["+15555550123"]
6
    }
7
  }
8
}

10. 常见问题#

内存：最低 2GB，推荐 4GB+
支持模型：Anthropic、OpenAI、MiniMax、GLM、Moonshot
切换模型：openclaw models set minimax/MiniMax-M2.1
支持平台：WhatsApp、Telegram、Discord 等

云服务器推荐#

腾讯云：https://curl.qcloud.com/52zSMIJx
阿里云：https://www.aliyun.com/activity/ecs/clawdbot
小免云（推荐） https://www.moebun.com/aff/CPMKQYVR 超便宜服务器 -小免云介绍小免云介绍

资源链接#

官方文档：docs.openclaw.ai
GitHub：https://github.com/openclaw/openclaw

✅ 快速参考卡#

Terminal window展开收起

1
# 日常
2
openclaw status
3
openclaw health
4
openclaw logs --follow
5

6
# 配置
7
openclaw configure
8

9
# Gateway
10
openclaw gateway start
11
openclaw gateway restart
12

13
# 修复
14
openclaw doctor
15
openclaw doctor --fix

展开收起

2026马年春晚邓男子《惊喜定格》魔术计算器同款代码

Wed, 04 Mar 2026 00:00:00 GMT

2026马年春晚邓男子《惊喜定格》魔术计算器同款代码#

2026年马年春晚邓男子表演的计算器魔术《惊喜定格》同款代码

魔术的精髓从来不在于技术，而在于表演表演环节

第一步：请路人余先生随意给我一个四位数的数字：得到 a = 1106

第二步：请路人徐先生随意给我一个五位数的数字：得到 a = 88396

第三步：为了避嫌，我现在反转手机，来，路人abcd，你们四个一人点个一两下。好，看这个数字是：2072725，完全随机哦。

第四步：请大家加上这个数字后，点击等号得到：2162227，哇，现在刚好是2月16日22点27分，太巧了！

代码原理#

第一步：输入 a + b = （此时一切正常，得出 a + b 的值）

第二步：输入 + 号（此时屏幕正常显示 + 号，但背后偷偷启动魔术模式。）

第三步：为了方便我们设 x = 当前时间值减去 a+b 的值，假如 x = 2072725。此时无论第一个数字输入的是什么，都要显示2，无论第二个数字输入的是什么都要显示0，以此类推。当2072725输入齐全后，忽略后面的输入。

第四步：点击等号，得出当前时间值。

文件架构#

index.html 介绍页面 calculator.html 魔术计算器页面

演示#

https://jsq-ecj.pages.dev

Collage_20260304_225810005.jpg

代码下载#

https://wwbtv.lanzout.com/i8iCz3jskkmd

魔术计算器代码#

也可以直接复制新建一个index.html 页面使用

1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
  <title>魔术计算器</title>
7
  <style>
8
    :root {
9
      --bg-page: #000000;
10
      --bg-card: #000000;
11
      --btn-dark: #333333;
12
      --btn-light: #a5a5a5;
13
      --btn-orange: #ff9f0a;
14
      --text-primary: #ffffff;
15
      --text-secondary: #8e8e93;
16
    }
17
    * {
18
      margin: 0;
19
      padding: 0;
20
      box-sizing: border-box;
21
      -webkit-tap-highlight-color: transparent;
22
      user-select: none;
23
    }
24
    body {
25
      font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif;
26
      background-color: var(--bg-page);
27
      min-height: 100vh;
28
      display: flex;
29
      justify-content: center;
30
      align-items: center;
31
      padding: 0;
32
    }
33
    .calculator-card {
34
      background-color: var(--bg-card);
35
      width: 100%;
36
      max-width: 390px;
37
      height: 100vh;
38
      max-height: 844px;
39
      display: flex;
40
      flex-direction: column;
41
      overflow: hidden;
42
    }
43
    .calculator-container {
44
      display: flex;
45
      flex-direction: column;
46
      flex: 1;
47
      padding: 20px 16px;
48
    }
49
    .display-container {
50
      display: flex;
51
      flex-direction: column;
52
      justify-content: flex-end;
53
      align-items: flex-end;
54
      padding: 10px 8px 24px;
55
      flex: 1;
56
      min-height: 200px;
57
    }
58
    .display-expression {
59
      color: var(--text-secondary);
60
      font-size: 24px;
61
      font-weight: 300;
62
      min-height: 30px;
63
      margin-bottom: 8px;
64
      letter-spacing: 1px;
65
    }
66
    .display-result {
67
      color: var(--text-primary);
68
      font-size: 80px;
69
      font-weight: 200;
70
      line-height: 1;
71
      letter-spacing: -2px;
72
      transition: font-size 0.2s ease;
73
    }
74
    .display-result.small {
75
      font-size: 56px;
76
    }
77
    .display-result.smaller {
78
      font-size: 42px;
79
    }
80
    .buttons-grid {
81
      display: grid;
82
      grid-template-columns: repeat(4, 1fr);
83
      gap: 12px;
84
    }
85
    .btn {
86
      aspect-ratio: 1 / 1;
87
      border-radius: 50%;
88
      border: none;
89
      font-size: 32px;
90
      font-weight: 400;
91
      cursor: pointer;
92
      display: flex;
93
      align-items: center;
94
      justify-content: center;
95
      transition: all 0.1s ease;
96
      position: relative;
97
      overflow: hidden;
98
      background: var(--btn-dark);
99
      color: var(--text-primary);
100
    }
101
    .btn::after {
102
      content: '';
103
      position: absolute;
104
      inset: 0;
105
      background: rgba(255, 255, 255, 0);
106
      transition: background 0.1s;
107
      border-radius: 50%;
108
    }
109
    .btn:active::after {
110
      background: rgba(255, 255, 255, 0.2);
111
    }
112
    .btn:active {
113
      transform: scale(0.95);
114
    }
115
    .btn-operator {
116
      background: var(--btn-orange);
117
      font-size: 36px;
118
    }
119
    .btn-operator.selected {
120
      background: var(--text-primary);
121
      color: var(--btn-orange);
122
    }
123
    .btn-function {
124
      background: var(--btn-light);
125
      color: #000000;
126
      font-size: 28px;
127
    }
128
    .btn-zero {
129
      grid-column: span 2;
130
      aspect-ratio: auto;
131
      border-radius: 999px;
132
      justify-content: flex-start;
133
      padding-left: 32px;
134
    }
135
    .btn-zero::after {
136
      border-radius: 999px;
137
    }
138
    @media (prefers-reduced-motion: reduce) {
139
      .btn, .display-result { transition: none; }
140
    }
141
  </style>
142
</head>
143
<body>
144
  <div class="calculator-card">
145
    <div class="calculator-container">
146
      <div class="display-container">
147
        <div class="display-expression" id="expression"></div>
148
        <div class="display-result" id="result">0</div>
149
      </div>
150

151
      <div class="buttons-grid">
152
        <button class="btn btn-function" data-action="clear">AC</button>
153
        <button class="btn btn-function" data-action="toggle">+/−</button>
154
        <button class="btn btn-function" data-action="percent">%</button>
155
        <button class="btn btn-operator" data-action="operator" data-value="÷">÷</button>
156

157
        <button class="btn btn-number" data-action="number" data-value="7">7</button>
158
        <button class="btn btn-number" data-action="number" data-value="8">8</button>
159
        <button class="btn btn-number" data-action="number" data-value="9">9</button>
160
        <button class="btn btn-operator" data-action="operator" data-value="×">×</button>
161

162
        <button class="btn btn-number" data-action="number" data-value="4">4</button>
163
        <button class="btn btn-number" data-action="number" data-value="5">5</button>
164
        <button class="btn btn-number" data-action="number" data-value="6">6</button>
165
        <button class="btn btn-operator" data-action="operator" data-value="−">−</button>
166

167
        <button class="btn btn-number" data-action="number" data-value="1">1</button>
168
        <button class="btn btn-number" data-action="number" data-value="2">2</button>
169
        <button class="btn btn-number" data-action="number" data-value="3">3</button>
170
        <button class="btn btn-operator" data-action="operator" data-value="+">+</button>
171

172
        <button class="btn btn-number btn-zero" data-action="number" data-value="0">0</button>
173
        <button class="btn btn-number" data-action="decimal">.</button>
174
        <button class="btn btn-operator" data-action="equals">=</button>
175
      </div>
176
    </div>
177
  </div>
178

179
  <script>
180
    // ========== 状态变量 ==========
181
    let displayValue = '0';
182
    let firstOperand = null;
183
    let operator = null;
184
    let waitingForSecondOperand = false;
185
    let justCalculated = false;
186

187
    let isMagicMode = false;
188
    let magicTargetTime = 0;
189
    let magicSequence = '';
190
    let magicIndex = 0;
191
    let magicBaseResult = 0;
192

193
    // ========== DOM 元素 ==========
194
    const resultDisplay = document.getElementById('result');
195
    const expressionDisplay = document.getElementById('expression');
196

197
    // ========== 工具函数 ==========
198
    function getCurrentTimeValue() {
199
      const now = new Date();
200
      const month = now.getMonth() + 1;
201
      const day = now.getDate();
202
      const hour = now.getHours();
203
      const minute = now.getMinutes();
204
      return parseInt(`${month}${day}${hour}${minute}`);
205
    }
206

207
    function formatNumber(numStr) {
208
      if (numStr === 'Error') return 'Error';
209
      if (numStr.includes('.')) {
210
        const parts = numStr.split('.');
211
        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
212
        return parts.join('.');
213
      }
214
      return numStr.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
215
    }
216

217
    function updateDisplay() {
218
      resultDisplay.classList.remove('small', 'smaller');
219
      if (displayValue.length > 9) {
220
        resultDisplay.classList.add('smaller');
221
      } else if (displayValue.length > 6) {
222
        resultDisplay.classList.add('small');
223
      }
224
      resultDisplay.textContent = formatNumber(displayValue);
225
    }
226

227
    function updateExpression(str) {
228
      expressionDisplay.textContent = str;
229
    }
230

231
    function highlightOperator(op) {
232
      clearOperatorHighlight();
233
      document.querySelectorAll('.btn-operator').forEach(btn => {
234
        if (btn.dataset.value === op) btn.classList.add('selected');
235
      });
236
    }
237

238
    function clearOperatorHighlight() {
239
      document.querySelectorAll('.btn-operator').forEach(btn => {
240
        btn.classList.remove('selected');
241
      });
242
    }
243

244
    // ========== 核心逻辑 ==========
245
    function inputNumber(value) {
246
      if (isMagicMode) {
247
        if (magicIndex < magicSequence.length) {
248
          if (magicIndex === 0) {
249
            displayValue = magicSequence[magicIndex];
250
          } else {
251
            displayValue += magicSequence[magicIndex];
252
          }
253
          magicIndex++;
254
          updateDisplay();
255
        }
256
        return;
257
      }
258

259
      if (waitingForSecondOperand) {
260
        displayValue = value;
261
        waitingForSecondOperand = false;
262
      } else {
263
        if (displayValue === '0' && value !== '0') {
264
          displayValue = value;
265
        } else if (displayValue !== '0') {
266
          if (displayValue.replace(/[^0-9]/g, '').length < 9) {
267
            displayValue += value;
268
          }
269
        }
270
      }
271
      justCalculated = false;
272
      clearOperatorHighlight();
273
      updateDisplay();
274
    }
275

276
    function inputDecimal() {
277
      if (isMagicMode) return;
278
      if (waitingForSecondOperand) {
279
        displayValue = '0.';
280
        waitingForSecondOperand = false;
281
      } else if (!displayValue.includes('.')) {
282
        displayValue += '.';
283
      }
284
      justCalculated = false;
285
      updateDisplay();
286
    }
287

288
    function inputOperator(nextOperator) {
289
      if (justCalculated && nextOperator === '+') {
290
        isMagicMode = true;
291
        magicBaseResult = parseFloat(displayValue);
292
        magicTargetTime = getCurrentTimeValue();
293
        let x = magicTargetTime - magicBaseResult;
294
        if (x < 0) {
295
          isMagicMode = false;
296
          console.warn("当前时间值小于计算结果，魔术无法进行");
297
        } else {
298
          magicSequence = x.toString();
299
          magicIndex = 0;
300
          firstOperand = magicBaseResult;
301
          operator = '+';
302
          waitingForSecondOperand = true;
303
          updateExpression(formatNumber(magicBaseResult.toString()) + ' +');
304
          highlightOperator('+');
305
          justCalculated = false;
306
          return;
307
        }
308
      }
309

310
      justCalculated = false;
311
      const inputValue = parseFloat(displayValue);
312

313
      if (firstOperand === null) {
314
        firstOperand = inputValue;
315
      } else if (operator) {
316
        const result = calculate(firstOperand, inputValue, operator);
317
        displayValue = String(result);
318
        firstOperand = result;
319
        updateDisplay();
320
      }
321

322
      waitingForSecondOperand = true;
323
      operator = nextOperator;
324
      updateExpression(formatNumber(firstOperand.toString()) + ' ' + nextOperator);
325
      highlightOperator(nextOperator);
326
    }
327

328
    function calculate(a, b, op) {
329
      switch (op) {
330
        case '+': return a + b;
331
        case '−': return a - b;
332
        case '×': return a * b;
333
        case '÷': return b !== 0 ? a / b : 'Error';
334
        default: return b;
335
      }
336
    }
337

338
    function inputEquals() {
339
      if (isMagicMode) {
340
        displayValue = magicTargetTime.toString();
341
        updateDisplay();
342
        updateExpression('');
343
        isMagicMode = false;
344
        magicIndex = 0;
345
        magicSequence = '';
346
        firstOperand = null;
347
        operator = null;
348
        waitingForSecondOperand = false;
349
        justCalculated = false;
350
        clearOperatorHighlight();
351
        return;
352
      }
353

354
      if (operator === null || waitingForSecondOperand) return;
355

356
      const inputValue = parseFloat(displayValue);
357
      const result = calculate(firstOperand, inputValue, operator);
358
      const finalResult = Math.round(result * 1000000000) / 1000000000;
359

360
      updateExpression(formatNumber(firstOperand.toString()) + ' ' + operator + ' ' +
361
        formatNumber(inputValue.toString()) + ' =');
362

363
      displayValue = String(finalResult);
364
      updateDisplay();
365

366
      firstOperand = finalResult;
367
      operator = null;
368
      waitingForSecondOperand = false;
369
      justCalculated = true;
370
      clearOperatorHighlight();
371
    }
372

373
    function clear() {
374
      displayValue = '0';
375
      firstOperand = null;
376
      operator = null;
377
      waitingForSecondOperand = false;
378
      justCalculated = false;
379
      isMagicMode = false;
380
      magicIndex = 0;
381
      updateDisplay();
382
      updateExpression('');
383
      clearOperatorHighlight();
384
      document.querySelector('[data-action="clear"]').textContent = 'AC';
385
    }
386

387
    function toggleSign() {
388
      if (isMagicMode) return;
389
      if (displayValue !== '0' && displayValue !== 'Error') {
390
        displayValue = displayValue.startsWith('-') ? displayValue.slice(1) : '-' + displayValue;
391
        updateDisplay();
392
      }
393
    }
394

395
    function inputPercent() {
396
      if (isMagicMode) return;
397
      displayValue = (parseFloat(displayValue) / 100).toString();
398
      updateDisplay();
399
    }
400

401
    // ========== 事件绑定 ==========
402
    document.querySelectorAll('.btn').forEach(btn => {
403
      btn.addEventListener('click', () => {
404
        btn.style.transform = 'scale(0.95)';
405
        setTimeout(() => btn.style.transform = '', 100);
406

407
        const action = btn.dataset.action;
408
        const value = btn.dataset.value;
409

410
        if (action !== 'clear' && displayValue !== '0' && !waitingForSecondOperand) {
411
          document.querySelector('[data-action="clear"]').textContent = 'C';
412
        }
413

414
        switch (action) {
415
          case 'number': inputNumber(value); break;
416
          case 'operator': inputOperator(value); break;
417
          case 'equals': inputEquals(); break;
418
          case 'clear': clear(); break;
419
          case 'toggle': toggleSign(); break;
420
          case 'decimal': inputDecimal(); break;
421
          case 'percent': inputPercent(); break;
422
        }
423
      });
424
    });
425

426
    document.addEventListener('keydown', (e) => {
427
      const key = e.key;
428
      if (/[0-9]/.test(key)) inputNumber(key);
429
      else if (key === '+') inputOperator('+');
430
      else if (key === '-') inputOperator('−');
431
      else if (key === '*') inputOperator('×');
432
      else if (key === '/') inputOperator('÷');
433
      else if (key === 'Enter' || key === '=') inputEquals();
434
      else if (key === 'Escape') clear();
435
      else if (key === '.') inputDecimal();
436
    });
437

438
    updateDisplay();
439
  </script>
440
</body>
441
</html>

展开收起

使用Docker部署哪吒监控v1 CloudFlare Tunnel版面板端

Tue, 03 Mar 2026 00:00:00 GMT

使用Docker部署哪吒监控v1 CloudFlare Tunnel版面板端#

哪吒面板简介#

哪吒监控是一款自托管、轻量级的服务器和网站监控运维工具。支持监控系统状态、HTTP（SSL 证书更改、即将过期、过期）、TCP、Ping，并支持推送警报、运行计划任务和 Web 终端。

哪吒监控官网截图

官方网站：https://nezha.wiki 官方Github：https://github.com/nezhahq/nezha 哪吒v1 Docker CloudFlare Tunnel版Github：https://github.com/yumusb/nezha-new

哪吒v1 Docker CloudFlare Tunnel版特性#

不暴露公网IP，防止被攻击
单栈转双栈，IPv4/IPv6都能用，纯IPv6服务器也方便挂探针
除中国大陆境内网络外，走CF基本都优化
开箱即用，迁移与备份方便

准备工作#

【必需】一台服务器【cf版必须】域名一枚，并已经接入CloudFlare 注意：教程并没有Docker 安装步骤

界面演示#

哪吒监控界面演示

部署哪吒监控#

1.1 创建Tunnel并保存CloudFlare Tunnel Token#

使用CloudFlare账号登入https://one.dash.cloudflare.com，然后在左侧边栏找到Tunnel–>网络->连接器

1.2 新建CloudFlare Tunnel#

点击创建隧道（Create a tunnel）以创建一个新的CloudFlare Tunnel，选择隧道类型为Cloudflared，点击选择Cloudflared进入下一步，为隧道命名后，点击保存隧道（Save tunnel）即可。

1.3 提取CloudFlare Tunnel Token#

任意环境下复制命令，ey开头的省略字符串就是CloudFlare Tunnel Token，复制命令后自行提取即可。

提取CloudFlare Tunnel Token

1.4 开启CloudFlare域名GRPC流量代理#

进入Cloudflare，打开已接入的域名页面，点击网络，拉到最下方，将gPRC启用即可。

开启GRPC流量代理

2.1 拉取项目并修改配置文件#

Terminal window

1
git clone https://github.com/yumusb/nezha-new.git

进入项目文件夹，编辑 .env 文件，将其中的 TUNNEL_TOKEN 替换为自己申请的CloudFlare Tunnel Token。

2.2 启动容器#

Terminal window

1
docker compose up -d

2.3 将Dash端映射到CloudFlare#

回到https://one.dash.cloudflare.com，在左侧边栏找到网络–>Tunnels（Networks > Tunnels），找到之前创建的隧道，点击同一行最右端的三个点，选择配置（Configure）。

2.4 添加应用程序路由#

点击已发布应用程序路由，点击添加已发布应用程序路由，添加一个自定义域名（主机名称），指向http://nginx:80后保存即可。

添加应用程序路由

此时访问在CF穿透的域名，即可正常使用哪吒监控面板！

2.5 面板后台基础信息#

后台地址：/dashboard
默认密码：admin/admin

3.0 (可选) 探针IP加到CF拦截白名单#

由于探针上报日志频繁，且VPS的IP质量参差不齐，可能会被CF误拦截导致无法正常工作，可添加白名单。操作路径：安全性-WAF-工具参考文档：https://developers.cloudflare.com/waf/tools/ip-access-rules/

4.0 (可选) 配置自动更新#

将watchtower相关的注释禁用，修改.env文件中的TELEGRAM_BOT_TOKEN、TELEGRAM_CHAT_ID，即可实现更新通知。

5.0 (可选) 自动备份到Github#

将backup相关的注释禁用，修改.env文件中的GITHUB_USER、GITHUB_TOKEN、GIT_REMOTE_URL、CRON_SCHEDULE，即可实现自动备份到Github。

面板配置#

进入后台配置地址/dashboard/settings进行如下设置：

Agent对接地址【域名/IP:端口】：填写上述的 Public hostname:443，并将Agent 使用 TLS 连接选项打勾
真实IP请求头：可填写nz-realip或者CF-Connecting-IP

Dashboard更新#

进入项目目录下（compose.yml同级），执行以下命令即可更新：

Terminal window

1
docker compose pull
2
docker compose up -d

AGENT配置#

在dashboard右上角复制安装命令，注意手动修改参数中的8008端口为443（未修改Agent对接地址时），并将TLS改为True（未修改配置文件中的TLS设置时）。

2026 免费托管平台合集｜静态/动态/AI全覆盖（真实体验）

Sun, 01 Mar 2026 00:00:00 GMT

2026 免费托管平台合集｜静态/动态/AI全覆盖（真实体验）#

作为长期折腾个人站、AI 项目的博主，我把目前真免费、有额度、能长期用的托管平台整理成一篇合集，包含大家常问的 CF（Cloudflare）、EO（EdgeOne）等静态托管，也有能跑 Ollama、WordPress 的动态平台，新手直接照着选就行。 CF/EO/Vercel/Netlify/GitHub Pages等主流静态托管，Kinsta、Surge、GitLab Pages、上码、CloudBase、Render、Railway、Zeabur、Hugging Face、Supabase等，全部实测可用、长期白嫖无套路。

一、静态托管（CF/EO/Vercel/Netlify/GitHub Pages等）#

适合：Hexo、Hugo、VuePress、纯HTML、前端项目、博客、文档站

1. Cloudflare Pages（CF）（我最常用）#

免费额度：无限带宽、每月500次构建、免费SSL、自带pages.dev子域名、支持自定义域名
支持：Git一键部署、Pages Functions边缘函数、R2对象存储
优点：全球节点快、DDoS防护强、免备案、永久免费
缺点：国内访问速度一般

2. 腾讯云国际站 EdgeOne Pages（EO）（我最常用）#

免费额度：不限流量、免费DDoS/WAF、全球加速、自定义域名、免费SSL
支持：Git部署、边缘函数、国内/国际双线路
优点：国内访问稳，对国内用户最友好
缺点：速度一般，构建部署貌似没有CF快，账号分享只能获得四个套餐，其他需要兑换码

3. Vercel#

免费额度：每月100GB带宽、100小时构建、无限项目、免费SSL、全球CDN
支持：Next.js/Nuxt/Vue/React零配置、Git自动部署
优点：部署极快、体验清爽、预览环境完善
缺点：不支持Docker，不能跑后端/AI；免费版有并发限制

4. Netlify#

免费额度：每月300积分≈100GB带宽、300分钟构建、100表单提交、免费SSL
支持：拖拽上传、Git部署、表单、Serverless函数
优点：稳定易用、插件生态全、自动HTTPS
缺点：免费额度比Vercel保守，超出会暂停

5. GitHub Pages#

免费额度：1GB存储、每月100GB流量软限制、无限部署、免费SSL
优点：和GitHub深度绑定，适合项目主页/博客、完全免费
缺点：功能少、不能商用、每小时最多10次构建

6. GitLab Pages#

免费额度：无限流量、10GB存储、CI/CD自动部署、免费SSL
优点：私有仓库也能部署、适合GitLab用户
缺点：国内访问一般、构建速度一般

7. Kinsta Static Hosting#

免费额度：100个站点/账号、每月100GB带宽、600分钟构建、1GB/站存储、免费SSL
支持：Git部署、自定义域名、全球300+节点
优点：可托管大量静态站、适合多博客/landing page
缺点：新平台、生态一般

8. Surge.sh#

免费额度：无限静态站、.surge.sh子域名、自定义域名、HTTPS、无限部署
优点：命令行一键上传、速度快、适合快速演示
缺点：无构建能力、需本地打包

9. 上码（yaobi.org）#

免费额度：2个项目、每月1GB流量、免费SSL、全球CDN（含香港CN2）
优点：拖拽上传、无需技术、国内访问快、永不休眠
缺点：免费额度小、适合小Demo

10. 腾讯云 CloudBase 静态托管#

免费额度：5GB存储、每月10GB流量、免费SSL、CDN加速
优点：可对接云函数/数据库、适合国内全栈小项目
缺点：需腾讯云账号、额度有限

二、全栈/动态托管#

适合：WordPress、Cloudreve、Ollama、SillyTavern、API、小服务

1. Zeabur｜（我最常用）#

免费额度：每月**$5免费额度**、无需绑卡、1核2GB内存、免费域名+SSL、国内访问友好
模板一键部署：Ollama、SillyTavern、WordPress、Hexo、Cloudreve、Umami、Node.js/Python/Go
优点：云端跑AI大模型、24小时在线、支持支付宝
推荐码：cryyds6（付费升级打折）

2. Render#

免费额度：Web服务750小时/月（单实例常开免费）、静态站无限流量、免费PostgreSQL数据库
优点：支持Docker、Python/Node/Go后端、小API够用
缺点：免费版15分钟无访问休眠、不适合高可用

3. Railway#

免费额度：每月**$5免费额度**、内置Postgres/MySQL/Redis、支持Docker
优点：可视化部署、适合小项目/机器人/小型SaaS
缺点：额度用完停机、需控制用量

4. Hugging Face Spaces#

免费额度：免费CPU实例、16GB存储、支持Gradio/Streamlit
优点：专门放AI Demo、大模型界面、一键上线
缺点：无免费GPU、只适合轻量演示

5. Supabase#

免费额度：500MB数据库存储、5万次API请求/月、免费Auth、免费Storage
优点：开源、可对接静态站、适合无后端小项目
缺点：免费版有请求限制

三、平台怎么选？一句话总结#

国内访问优先、静态站 → EdgeOne（EO）
全球加速、静态 → Cloudflare Pages（CF）
前端框架、演示项目 → Vercel
多静态站托管 → Kinsta
极速演示、命令行 → Surge.sh
跑AI、Ollama、SillyTavern、一键建站 → Zeabur（强推）
小后端、API、数据库 → Render
GitHub项目主页 → GitHub Pages
AI模型演示 → Hugging Face

实测推荐！免费虚拟主机+超便宜服务器，学习建站测试必备

Sat, 28 Feb 2026 00:00:00 GMT

实测推荐！免费虚拟主机+超便宜服务器，学习建站测试必备#

官网直达：https://www.moebun.com/aff/CPMKQYVR

平时想搭个轻量博客、做网站测试、练手建站，又不想花大钱？给大家分享我自用很久的一家靠谱平台，有免费主机，价格还巨实惠。

免费虚拟主机，直接白嫖用#

平台提供免费虚拟主机，不用花钱就能用来：

搭建个人轻量博客
做项目测试、学习建站
随便折腾，不心疼

免费虚拟主机

多地区虚拟主机，低至 1 元/月#

其他地区的虚拟主机也很便宜：

多地区可选，基本 1 块钱一个月
用来做海外测试、挂小站都合适

低价多地区主机

我自己2024年8块钱入手的日本永久虚拟主机，用到现在一直稳定运行，专门用来做测试环境。

香港服务器超便宜，7 块起就能用#

需要跑应用、部署项目的可以上服务器：

香港轻量服务器：7 块多/月
2核2G高配：仅 13 元/月

国内访问速度稳，延迟低，跑正常业务完全没问题。

香港服务器

2核2G配置

节点多、配置全，性价比拉满#

香港、日本、新加坡、美国、国内多地区节点都有，大带宽、高防、常规配置应有尽有，学生、个人站长、开发者都能负担。

多地区多配置

我自己真实消费记录#

平台我用了很久，这是我自己的真实订单和消费记录，绝非空口推荐：

我的消费记录1

我的消费记录合集

这家已经稳定运营四年多，不是短期小平台，我自用下来一直很稳，用来测试、建站、挂小项目都非常放心。

适合人群：

想搭建个人轻量博客
学生练手、学习建站
需要网站测试环境
找便宜稳定的海外服务器

真心推荐大家看看：https://www.moebun.com/aff/CPMKQYVR

低成本就能拥有自己的网站和测试环境，性价比真的很高。

Minecraft高级备份Advanced Backups 使用教程

Sat, 21 Feb 2026 00:00:00 GMT

Minecraft高级备份Advanced Backups 使用教程#

转载至MC百科 ZZYDD 仅供学习交流！ https://www.mcmod.cn/post/4786.html

在MC百科中下载高级备份: https://www.mcmod.cn/class/10769.html

前言#

这是我根据个人实际使用经验制作的教程。

配置文件为3.7.1版本的mod生成，结合ChatGPT、DeepSeek辅助进行翻译。

配置文件理论上通用，若有新选项，注释部分可能会重置，配置则会保留。

备份类型说明#

zip（完全备份）#

说明：无脑备份所有文件。优点：简单、可靠，一个文件包含所有内容，管理和回档方便。缺点：速度慢，占用空间大，对大型存档极其不友好。

differential（差异备份）#

说明：先进行一次完全备份，之后只备份和完全备份相比发生变化的文件。优点：速度相对较快，占用空间相对较小（相比完全备份小很多、快很多）。缺点：回档时需要最近一次的完全备份+差异备份，管理和回档相对麻烦。

incremental（增量备份）#

说明：先进行一次完全备份，之后只备份相比上次备份发生变化的文件。优点：速度最快，占用空间最小。缺点：回档时需要最近一次的完全备份+期间所有增量备份，管理和回档麻烦。

回档教程#

mod内置命令行回档工具，方便但有一定使用门槛，具体可去作者github查看。

这里介绍通过压缩软件进行回档，稍显麻烦，但更符合普通用户日常使用习惯。

zip（完全备份）#

打开文件夹 root\backups\world\zips
选择一个备份，然后解压（解压到backup_xxxx-xx-xx_xx-xx-xx\）
重命名解压出来的文件夹 backup_xxxx-xx-xx_xx-xx-xx 为你的存档文件夹名称（如world）
删除或暂时重命名原来的存档，然后把刚刚重命名的文件夹移动到服务端根目录

differential（差异备份）#

打开文件夹 root\backups\world\differential
选择离你要回档的差异备份最近的完全备份（带full后缀），然后解压（解压到backup_xxxx-xx-xx_xx-xx-xx-full.\）
选择你要回档的差异备份（带partial后缀），然后解压（解压到backup_xxxx-xx-xx_xx-xx-xx-partial.\）
把差异文件夹 backup_xxxx-xx-xx_xx-xx-xx-partial 里面的内容复制并替换到完全备份文件夹 backup_xxxx-xx-xx_xx-xx-xx-full 里
重命名替换好后的文件夹 backup_xxxx-xx-xx_xx-xx-xx-full 为你的存档文件夹名称（如world）
删除或暂时重命名原来的存档，然后把刚刚重命名的文件夹移动到服务端根目录
确认无误后删除文件夹 backup_xxxx-xx-xx_xx-xx-xx-partial 即可（保留也可）

incremental（增量备份）#

打开文件夹 root\backups\world\incremental
选择离你要回档的增量备份最近的完全备份（带full后缀），然后解压（解压到backup_xxxx-xx-xx_xx-xx-xx-full.\）
依次选择完全备份之后到你要回档的增量备份之间的所有增量备份（带partial后缀），并解压（解压到backup_xxxx-xx-xx_xx-xx-xx-partial.\）
按照时间先后（从早到晚），依次把所有增量备份文件夹 backup_xxxx-xx-xx_xx-xx-xx-partial 里的内容复制并替换到完全备份文件夹 backup_xxxx-xx-xx_xx-xx-xx-full 里
重命名替换好后的文件夹 backup_xxxx-xx-xx_xx-xx-xx-full 为你的存档文件夹名称（如world）
删除或暂时重命名原来的存档，然后把刚刚重命名的文件夹移动到服务端根目录
确认无误后删除相关增量备份文件夹即可。

不备份地平线#

例如在使用地平线模组的新版本时，服务器会存储计算好的区块数据，每个维度都有几十G。这时在config.advancedbackups.blacklist添加黑名单，备份时就不会备份地平线超大的数据库文件。

DIM1黑名单：

1
config.advancedbackups.blacklist=session.lock,*_old,data/DistantHorizons.*,DIM1/data/DistantHorizons.*,DIM-1/data/DistantHorizons.*,dimensions/*/*/data/DistantHorizons.*

命令说明#

/backup cancel：取消正在进行的备份
/backup reload-client-config：重新加载客户端配置
/backup reload-config：重新加载服务端配置
/backup reset-chain：重置备份链长度（备份链含义在配置文件翻译中有说明）
/backup snapshot：创建一个快照，快照是完全备份，不会被自动删除
/backup start：开始备份（创建备份）

配置翻译#

配置文件：config/AdvancedBackups.properties

1
# Enable or disable automatic backups.
2
# 启用或禁用自动备份。
3
# Options : true, false   # Default : true
4
# 选项：true, false   # 默认值：true
5
config.advancedbackups.enabled=true
6

7
# Whether to save before making a backup.
8
# 在创建备份前是否先进行存档（save）。
9
# Options : true, false    # Default : true
10
# 选项：true, false    # 默认值：true
11
config.advancedbackups.save=true
12

13
# Whether to disable autosave before making a backup, and whether to re-enable saving afterwards.
14
# 是否在创建备份前禁用自动存档，并在备份完成后重新启用存档。
15
# Don't edit this unless you know what you're doing. Saving mid-backup can cause issues!
16
# 除非你清楚自己在做什么，否则不要修改此项。备份过程中进行存档可能会导致问题！
17
# Options : true, false    # Default: true
18
# 选项：true, false    # 默认值：true
19
config.advancedbackups.togglesave=true
20

21
# Buffer size, in bytes, to use when reading / writing files. Higher will improve speeds, but increase memory usage.
22
# 读取/写入文件时使用的缓冲区大小（单位：字节）。较高的值可提高速度，但会增加内存使用。
23
# Too high can cause an OOM. I'd advise against editing this unless you experience issues.
24
# 过高的值可能导致内存不足（OOM）。除非遇到问题，否则建议不要修改此项。
25
# (个人建议如果系统内存比较大，并且存档也比较大的话可以适当提高这个值，默认是1GB，可以设置成2-4GB，前提是你物理内存够)
26
# Range : 1-2147483647     # Default : 1048576
27
# 范围：1-2147483647     # 默认值：1048576
28
config.advancedbackups.buffer=1048576
29

30
# Whether to flush when making the aforementioned save. Can cause a lag spike, and is usually not required.
31
# 在进行上述存档时是否进行数据刷新（flush）。可能会导致卡顿，通常不需要开启。
32
# Unused prior to minecraft 1.16.
33
# 在 Minecraft 1.16 之前未使用此功能。
34
# Options : true, false    # Default : false
35
# 选项：true, false    # 默认值：false
36
config.advancedbackups.flush=false
37

38
# Whether to require player activity between backups.
39
# 是否要求在备份间隔期间有玩家活动。
40
# Options : true, false    # Default : true
41
# 选项：true, false    # 默认值：true
42
config.advancedbackups.activity=true
43

44
# The type of backups to use.
45
# 选择使用的备份类型。
46
# Options : zip, differential, incremental    # Default : differential
47
# 选项：zip（压缩备份）, differential（差异备份）, incremental（增量备份）    # 默认值：differential（差异备份）
48
config.advancedbackups.type=differential
49

50
# A list of files, relative paths within the world directory, to skip backing up.
51
# 要跳过备份的文件列表，使用相对于世界目录的路径。
52
# Comma separated, * is a wildcard, and backslashes are replaced with forward slashes.
53
# 以逗号分隔，* 代表通配符，反斜杠（\）将被替换为正斜杠（/）。
54
# Default : session.lock,*.dat_old
55
# 默认值：session.lock,*.dat_old
56
config.advancedbackups.blacklist=session.lock,*_old
57

58
# The absolute or relative path to the backup location.
59
# 备份存储位置的绝对或相对路径。
60
# Options : any file path. Default : ./backups
61
# 选项：任何文件路径。默认值：./backups
62
config.advancedbackups.path=./backups
63

64
# Minimum time between backups, in hours. This can prevent a shutdown backup from triggering immediately after a scheduled backup or similar situations.
65
# 备份之间的最小时间间隔（单位：小时）。可防止服务器关闭时的备份与定时备份等情况发生冲突。
66
# Set to 0 to disable.
67
# 设为 0 以禁用此功能。
68
# 5 minutes = ~ 0.083 hours.
69
# 5 分钟约等于 0.083 小时。
70
# Range : 0 - 500    # Default : 0.5
71
# 范围：0 - 500    # 默认值：0.5
72
config.advancedbackups.frequency.min=0.25
73

74
# Triggers a backup if none has already happened within this time. Can be combined with an uptime-based schedule.
75
# 在此时间内如果没有进行备份，则触发备份。可与基于服务器运行时间的计划结合使用。
76
# Range : 0.5 - 500    # Default : 24
77
# 范围：0.5 - 500    # 默认值：24
78
config.advancedbackups.frequency.max=24.0
79

80
# Whether the schedule below uses uptime (true) or real-world time (false).
81
# 备份计划是基于服务器运行时间（true）还是现实世界时间（false）。
82
# Default : true
83
# 默认值：true
84
config.advancedbackups.frequency.uptime=true
85

86
# When using server uptime:
87
# 使用服务器运行时间时：
88
# A looping comma-separated backup schedule, based off of server uptime, hours:minutes. Examples:
89
# 以服务器运行时间（小时:分钟）为基础的循环逗号分隔的备份计划。示例：
90
# 4:00 - Makes a backup every four hours.
91
# 4:00 - 每 4 小时进行一次备份。
92
# 4:00,7:00 - Makes a backup after four hours, then three, then four, and so on.
93
# 4:00,7:00 - 先在 4 小时后备份，然后 3 小时后，再 4 小时后，以此类推。
94
# 1:00 - Makes a backup every hour.
95
# 1:00 - 每小时备份一次。
96

97
# When using real-world time:
98
# 使用现实世界时间时：
99
# A strict schedule, using hours:minutes to follow real-world time. Examples:
100
# 使用现实世界时间（小时:分钟）制定的严格备份计划。示例：
101
# 4:00 - Makes a backup at 4am each day.
102
# 4:00 - 每天凌晨 4:00 进行备份。
103
# 4:00,8:00,12:00,16:00,17:00,18:00,19:00,20:00,21:00,24:00 - Makes a backup at specific times of day.
104
# 4:00,8:00,12:00,16:00,17:00,18:00,19:00,20:00,21:00,24:00 - 在特定时间点进行备份。
105
# Note : use 24:00 instead of 0:00 to represent midnight.
106
# 注意：使用 24:00 表示午夜，而不是 0:00。
107

108
# Default : 1:00
109
# 默认值：1:00
110
config.advancedbackups.frequency.schedule=1:00
111

112
# Whether to force a backup on server shutdown. Respects min frequency.
113
# 是否在服务器关闭时强制进行备份。会遵守最小备份间隔时间。
114
# Options : true, false    # Default : false
115
# 选项：true, false    # 默认值：false
116
config.advancedbackups.frequency.shutdown=false
117

118
# Whether to force a backup on server startup. Respects min frequency.
119
# 是否在服务器启动时强制进行备份。会遵守最小备份间隔时间。
120
# Options : true, false    # Default : false
121
# 选项：true, false    # 默认值：false
122
config.advancedbackups.frequency.startup=false
123

124
# Delay to use after startup, in seconds. Is always at least 5 seconds.
125
# 服务器启动后执行备份前的延迟时间（单位：秒）。最少为 5 秒。
126
# Range : 5-1000    # Default : 30
127
# 范围：5-1000    # 默认值：30
128
config.advancedbackups.frequency.delay=30
129
# --------------------------------------------------------------------------------------------------------------------
130
## The following options control logging of backup progress, including which clients to contact.
131
## 下面的选项用于控制备份进度的日志记录，包括通知哪些客户端。
132
## Backup start and end are always logged to console. The rest is configurable.
133
## 备份的开始和结束总是会被记录到控制台，其他内容可以配置。
134
# --------------------------------------------------------------------------------------------------------------------
135

136
# Which clients to send progress updates to. Behaviour before this was added was `ops`
137
# 选择向哪些客户端发送进度更新。在此选项添加之前，默认行为是 `ops`（仅管理员）。
138
# Options : ops, all, none    # Default : ops
139
# 选项：ops（仅管理员）, all（所有玩家）, none（不发送）    # 默认值：ops
140
config.advancedbackups.logging.clients=ops
141

142
# How often to send progress info to clients, measured in milliseconds.
143
# 向客户端发送进度信息的频率，单位为毫秒。
144
# Old behaviour was `0`, not recommended for servers due to network load.
145
# 旧行为是 `0`，但不建议用于服务器，因为这可能会增加网络负担。
146
# Range : 0 - ~infinite # Default : 500
147
# 范围：0 - 近无限制 # 默认值：500
148
config.advancedbackups.logging.clientfrequency=500
149

150
# Whether to log backup progress to console. Start / finish are always logged.
151
# 是否在控制台记录备份进度。备份的开始和结束始终会被记录。
152
# Old behaviour was `false`.
153
# 旧行为是 `false`（默认不记录进度）。
154
# Options : true, false    # Default : true
155
# 选项：true（启用日志记录）, false（禁用日志记录）    # 默认值：true
156
config.advancedbackups.logging.console=true
157

158
# How often to send log progress info in the console, measured in milliseconds.
159
# 向控制台发送日志进度信息的频率，单位为毫秒。
160
# Range : 0 - ~infinite # Default : 5000
161
# 范围：0 - 近无限制 # 默认值：5000
162
config.advancedbackups.logging.consolefrequency=5000
163

164
# --------------------------------------------------------------------------------------------------------------------
165
## The following options control deletion of old backups, meeting a criteria.
166
## 下面的选项控制旧备份的删除，满足指定的条件后执行删除操作。
167
## A backup only needs to meet ONE of the below criteria to be purged.
168
## 备份只需要满足以下任意一个条件，就会被删除。
169
## The oldest backups are always purged first, or oldest differential partial if the oldest differential backup is being depended on.
170
## 总是优先删除最旧的备份，或者如果最旧的差异备份仍在使用，则删除最旧的部分差异备份。
171
# --------------------------------------------------------------------------------------------------------------------
172

173
# The maximum size to keep, in GB.
174
# 允许保留的最大备份总大小（单位：GB）。
175
# Keep relatively high for zips, tighter space requirements should instead use differential or incremental backups.
176
# 如果使用 ZIP 备份，建议设置较大的存储限制。如果存储空间有限，建议使用差异备份或增量备份。
177
# Set to 0 to disable.
178
# 设为 0 以禁用此限制。
179
# Range : 0 - 9999 # Default : 50
180
# 范围：0 - 9999 # 默认值：50
181
config.advancedbackups.purge.size=50.0
182

183
# The maximum days to keep backups for.
184
# 备份的最大保留天数。
185
# Higher amounts will keep a longer "history" but take up more space in return.
186
# 值越大，保留的备份历史越长，但占用的存储空间也越多。
187
# Set to 0 to disable.
188
# 设为 0 以禁用此限制。
189
# Range : 0 - 9999 # Default : 0
190
# 范围：0 - 9999 # 默认值：0
191
config.advancedbackups.purge.days=0
192

193
# The maximum amount of backups to keep.
194
# 允许保留的最大备份数量。
195
# Older backups will be purged if this is exceeded.
196
# 如果超过该数量，则会删除较旧的备份。
197
# Set to 0 to disable.
198
# 设为 0 以禁用此限制。
199
# Range : 0 - 9999 # Default : 0
200
# 范围：0 - 9999 # 默认值：0
201
config.advancedbackups.purge.count=0
202

203
# Whether to delete incremental backup chains if max size is exceeded.
204
# 如果超出最大存储大小，是否删除增量备份链。
205
# If not, incremental backups do not respect the above options and never delete.
206
# 如果不启用此项，增量备份将不会遵循上述删除规则，并且永远不会被删除。
207
# This is because you can't delete part of an incremental backup chain without breaking the links.
208
# 因为不能删除增量备份链的一部分，否则会破坏备份链的完整性。
209
# Options : true, false    # Default : true
210
# 选项：true（允许删除）, false（不删除）    # 默认值：true
211
config.advancedbackups.purge.incrementals=true
212

213
# The minimum number of incremental chains to keep before purging any that meet the criteria.
214
# 在删除符合清理条件的增量备份链之前，至少要保留的增量备份链数量。
215
# Only relevant if the above option is set to true.
216
# 仅当 `config.advancedbackups.purge.incrementals=true` 时此选项才生效。
217
# Range : 1 - 9999 # Default : 1
218
# 范围：1 - 9999 # 默认值：1
219
config.advancedbackups.purge.incrementalchains=1
220

221
# --------------------------------------------------------------------------------------------------------------------
222
## The following options only affect zip files, whether that's for zip backups, export commands or some other option.
223
## 下面的选项仅影响 ZIP 文件，包括 ZIP 备份、导出命令或其他 ZIP 相关选项。
224
# --------------------------------------------------------------------------------------------------------------------
225

226
# The compression level to use for zip files.
227
# ZIP 备份的压缩级别。
228
# Higher numbers reduce space usage, but decrease performance.
229
# 值越高，压缩率越大，占用空间越小，但压缩性能会降低。
230
# Range : 1-9    # Default : 4
231
# 范围：1-9    # 默认值：4
232
config.advancedbackups.zips.compression=4
233

234
# --------------------------------------------------------------------------------------------------------------------
235
## The following options only affect differential and incremental backups.
236
## 下面的选项仅影响差异备份和增量备份。
237
# --------------------------------------------------------------------------------------------------------------------
238

239
# The maximum 'chain' length to keep.
240
# 允许的最大备份链长度。
241
# 一条链就是一个完全备份+N个差异/增量备份，这个控制的就是每条链的差异/增量备份的最多数量
242
# Range : 5-500    # Default : 50
243
# 范围：5-500    # 默认值：50
244
config.advancedbackups.chains.length=50
245

246
# Whether to compress 'chains'.
247
# 是否对备份链进行压缩。
248
# This compresses the base backup and all sequential backups.
249
# 启用后，会压缩基础备份及其后续备份。
250
# Reduces space usage, but decreases performance.
251
# 这样可以减少存储占用，但会降低备份性能。
252
# Options : true, false    # Default : true
253
# 选项：true（启用压缩）, false（禁用压缩）    # 默认值：true
254
config.advancedbackups.chains.compress=true
255

256
# Whether to enable "smart" reset for chains.
257
# 是否启用“智能”备份链重置。
258
# If every file is being backed up, mark the backup as complete and reset chain length regardless of intended backup type.
259
# 如果每个文件都已被备份，则标记当前备份为完整备份，并重置备份链长度，而不管原始备份类型如何。
260
# Options : true, false    # Default : true
261
# 选项：true（启用智能重置）, false（禁用）    # 默认值：true
262
config.advancedbackups.chains.smart=true

展开收起

最后，希望本篇教程可以帮到你！

Shadowsocks 四版本一键安装脚本使用教程

Sat, 21 Feb 2026 00:00:00 GMT

Shadowsocks 四版本一键安装脚本使用教程#

本脚本适用环境#

系统支持：CentOS 6+，Debian 7+，Ubuntu 12+ 内存要求：≥128M 日期：2020 年 06 月 01 日

默认配置#

服务器端口：自己设定（如不设定，默认从 9000-19999 之间随机生成）密码：自己设定（如不设定，默认为 teddysun.com）加密方式：自己设定（如不设定，Python 和 libev 版默认为 aes-256-gcm，R 和 Go 版默认为 aes-256-cfb）协议（protocol）：自己设定（如不设定，默认为 origin）（仅限 ShadowsocksR 版）混淆（obfs）：自己设定（如不设定，默认为 plain）（仅限 ShadowsocksR 版）

备注：脚本默认创建单用户配置文件，如需配置多用户，请手动修改相应的配置文件后重启即可。

使用方法#

使用 root 用户登录，运行以下命令：

Terminal window

1
wget --no-check-certificate -O shadowsocks-all.sh https://raw.githubusercontent.com/teddysun/shadowsocks_install/master/shadowsocks-all.sh
2
chmod +x shadowsocks-all.sh
3
./shadowsocks-all.sh 2>&1 | tee shadowsocks-all.log

安装完成后脚本提示示例#

1
Congratulations, your_shadowsocks_version install completed!
2
Your Server IP        :your_server_ip
3
Your Server Port      :your_server_port
4
Your Password         :your_password
5
Your Encryption Method:your_encryption_method
6

7
Your QR Code: (For Shadowsocks Windows, OSX, Android and iOS clients)
8
 ss://your_encryption_method:your_password@your_server_ip:your_server_port
9
Your QR Code has been saved as a PNG file path:
10
 your_path.png
11

12
Welcome to visit:https://teddysun.com/486.html
13
Enjoy it!

客户端下载#

Shadowsocks 客户端下载：

安卓：https://github.com/shadowsocks/shadowsocks-android
Windows：https://github.com/shadowsocks/shadowsocks-windows

v2rayNG 客户端下载：

Windows 客户端：https://github.com/2dust/v2rayN/releases
Android 客户端：https://github.com/2dust/v2rayNG/releases

卸载方法#

若已安装多个版本，则卸载时也需多次运行（每次卸载一种）。

使用 root 用户登录，运行：

Terminal window

1
./shadowsocks-all.sh uninstall

启动脚本#

启动脚本后面的参数含义，从左至右依次为：启动，停止，重启，查看状态。

Shadowsocks-Python 版R 版Go 版ibev 版：

Terminal window

1
/etc/init.d/shadowsocks-python start | stop | restart | status

Terminal window

1
/etc/init.d/shadowsocks-r start | stop | restart | status

Terminal window

1
/etc/init.d/shadowsocks-go start | stop | restart | status

Terminal window

1
/etc/init.d/shadowsocks-libev start | stop | restart | status

默认配置文件#

1
/etc/shadowsocks/config.json

Alpine Linux v3.20 系统#

解决方案#

方案一：安装 Rust 版本的 Shadowsocks（推荐）#

在 Alpine Linux v3.20 的社区仓库中，有一个更现代、性能更好的 Rust 版本 shadowsocks-rust，你可以直接安装它：

安装 shadowsocks-rust

Terminal window

1
apk update
2
apk add shadowsocks-rust

创建配置文件

Terminal window

1
mkdir -p /etc/shadowsocks
2
cat > /etc/shadowsocks/config.json << 'EOF'
3
{
4
    "server": "0.0.0.0",
5
    "server_port": 8388,
6
    "password": "123456",
7
    "method": "aes-256-gcm",
8
    "mode": "tcp_and_udp"
9
}
10
EOF

请将 123456 替换为你自己的密码。

正确启动方式#

方式一：前台运行（适合测试）#

直接运行，会占用当前终端：

Terminal window

1
ssserver -c /etc/shadowsocks/config.json

方式二：后台运行（推荐）#

使用 nohup 或 & 让服务在后台运行：

Terminal window

1
# 使用 & 放到后台
2
ssserver -c /etc/shadowsocks/config.json &
3

4
# 或者使用 nohup，即使关闭终端也继续运行
5
nohup ssserver -c /etc/shadowsocks/config.json > /var/log/shadowsocks.log 2>&1 &

方式三：使用 OpenRC 服务#

Alpine 提供了官方的 OpenRC 服务脚本，你可以这样管理：

启动服务：

Terminal window

1
rc-service shadowsocks-rust start

设置开机自启：

Terminal window

1
rc-update add shadowsocks-rust default

查看服务状态：

Terminal window

1
rc-service shadowsocks-rust status

BinNav-静态导航有后台，免费部署EdgeOne Pages和Cloudflare Pages

Thu, 19 Feb 2026 00:00:00 GMT

BinNav-静态导航有后台，免费部署EdgeOne Pages和Cloudflare Pages#

一个现代化的网站导航页面，支持可视化管理后台、智能图标获取、拖拽排序、自动提交和邮件发送功能和自动部署更新。部署至EdgeOne Pages无需服务器。

项目预览#

原项目地址：https://github.com/sindricn/BinNav_Public

原项目样式：

首页预览

后台预览

修改后的样式：

修改后预览

基于个人自用修改，仅供学习参考！

在原来项目的基础上使用AI修改： 1.1

添加自定义背景，半透明效果
添加居中布局，返回最顶层
添加自定义图标，自定义页脚 1.2
适配Cloudflare Pages 1.3
添加二次确认卡片
添加RSS sitemap索引 1.4
AI优化了整体的构建和加载速度
添加背景api图片过渡

EdgeOne Pages部署#

手动部署#

下载压缩包BinNav_Public.zip https://wwbtv.lanzout.com/b0pnf424j 密码
👉 创建一个项目到你自己账号下,解压出压缩包上传项目
登录EdgeOne，创建项目选择你创建后的仓库
添加环境变量并部署 Cloudflare Pages 流程一样 也可以直接在EdgeOne创建项目，上传压缩包即可

⚙️ 环境变量配置#

基础配置：项目可以零配置运行，但为了完整功能体验，建议配置以下环境变量：

变量名	描述	必需	默认值	功能影响
ADMIN_PASSWORD	管理后台登录密码	否	admin	未设置时使用默认密码
GITHUB_TOKEN	GitHub Personal Access Token	否	-	未设置时无法自动保存配置到GitHub
GITHUB_REPO	GitHub仓库名（格式：用户名/仓库名）	否	-	未设置时无法自动保存配置到GitHub
RESEND_API_KEY	Resend API Key，用于邮件服务	否	-	未设置时无法发送邮件通知
ADMIN_EMAIL	管理员邮箱，接收新站点提交通知	否	-	未设置时无法接收邮件通知
RESEND_DOMAIN	Resend发送域名（仅域名部分）	否	-	未设置时无法发送邮件通知

功能说明：

基础功能：无需任何配置即可正常使用导航和管理后台
自动保存：需要配置 GITHUB_TOKEN 和 GITHUB_REPO
邮件通知：需要配置 RESEND_API_KEY、ADMIN_EMAIL 和 RESEND_DOMAIN

管理后台登录：

用户名：无需用户名，仅需密码
默认密码：admin（建议生产环境修改）
访问地址：/admin

GitHub Token 创建步骤：

访问 GitHub Settings > Tokens
点击 “Generate new token (classic)”
选择 repo 权限
复制生成的 token

✉️ Resend 邮件功能配置指南#

BinNav 集成了 Resend 的邮件发送能力，用户可在前端页面填写反馈，自动发送邮件至指定邮箱。你只需完成以下三步，即可启用该功能：

✅ 步骤一：注册 Resend 账号

访问官网 https://resend.com
使用邮箱或 GitHub 账户注册并登录

🔑 步骤二：创建 API Key

登录后，点击左侧菜单栏 API Keys
点击右上角 Create API Key
输入名称（如 BinNav Key），点击生成
复制生成的 key（如 re_xxxxxxxxxxxxxxxxx）并保存备用

🌐 步骤三：添加并验证发件域名（可使用免费二级域名）

左侧菜单进入 Domains → 点击 Add Domain
输入你的域名（如 yourdomain.com），或使用 Resend 提供的免费二级域名
按照提示添加 DNS 记录以完成验证

本地开发#

Terminal window

1
# 1. 下载压缩包
2
https://wwbtv.lanzout.com/b0pnf424j
3
密码:am09
4

5
# 2. 安装依赖
6
npm install
7

8
# 3. 启动开发服务器
9
npm run dev

访问地址：

🏠 首页：http://localhost:5173
⚙️ 管理后台：http://localhost:5173/admin（默认密码：admin）

免费图床 CloudFlare ImgBed 部署教程

Thu, 12 Feb 2026 00:00:00 GMT

免费图床 CloudFlare ImgBed 部署教程#

CloudFlare ImgBed 是一个基于 Cloudflare Pages 的开源文件托管解决方案，为用户提供免费、稳定、高效的文件存储服务。

项目支持多种存储渠道，支持无服务器和有服务器部署方式，满足不同用户的需求。

项目地址：https://github.com/MarSeventh/CloudFlare-ImgBed

官方文档：https://cfbed.sanyue.de/

项目核心特性

多部署方式：支持 Cloudflare Pages 无服务器免费托管、Docker 部署，满足不同用户的部署需求
多存储渠道：兼容 Telegram Bot、Discord、Cloudflare R2、S3 API、Hugging Face 等多种存储方式
优质交互体验：炫酷界面设计，含流畅过渡动画、呼吸灯效果，支持深色模式，操作体验灵动
多重安全保障：支持身份认证、IP 白名单、图片审查、防滥用等安全功能，保障文件存取安全
多样上传方式：支持拖拽、点击、粘贴、URL 上传，兼容批量上传与目录管理功能
高度可定制：支持自定义背景、Logo、配色、链接前缀等，可打造专属个性化图床
丰富协议支持：兼容 WebDAV 协议与多种 RESTful API，拓展使用场景
全链路功能：具备鉴权、目录管理、图片审查、随机图等特色功能，满足多样化使用需求

效果展示#

图片效果展示1

图片效果展示2

Cloudflare Pages 部署#

Cloudflare Pages 是推荐的部署方式，提供免费托管、全球 CDN 加速和无需服务器维护的优势。

📂 第一步：Fork 项目#

访问 CloudFlare ImgBed 项目
点击右上角的 “Fork” 按钮
选择您的 GitHub 账户
确认 Fork 完成

🏗️ 第二步：创建 Pages 项目#

2.1 访问 Cloudflare Dashboard#

登录 Cloudflare Dashboard
选择左侧菜单的「计算和AI」->「Workers & Pages」
点击「创建应用程序」
在最下方 Looking to deploy Pages? 选择「Get started」
在「导入现有 Git 存储库」处点击「开始使用」

Cloudflare Pages 创建界面

2.2 连接 GitHub 仓库#

如果首次使用，需要授权 Cloudflare 访问 GitHub
选择您 Fork 的 CloudFlare-ImgBed 仓库
点击「开始设置」

2.3 配置项目设置#

配置项	值	说明
项目名称	cloudflare-imgbed（或自定义）	项目标识符
生产分支	main	生产环境分支
构建命令	npm install	重要：v2.0 新构建命令
构建输出目录	/	保持默认

重要提醒 v2.0 版本的构建命令已变更为 npm install，请确保使用正确的构建命令。

2.4 部署项目#

点击「保存并部署」
等待首次部署完成（约 2–3 分钟）

🗄️ 第三步：配置数据库#

数据库用于存储文件元数据，是必需的组件，可选数据库为 KV 数据库和 D1 数据库。两者对比如下表所示，根据自己使用场景从其中选择一种配置即可。

特点	KV 数据库	D1 数据库
读写性能	高	较低
免费额度	少	多
大文件上传	支持	不支持

重要提示 KV 数据库和 D1 数据库只需要配置其中一个即可，不需要同时配置两个！建议根据上表选择适合自己的数据库类型。

3.1 KV 数据库配置#

创建 KV 命名空间
- 在 Cloudflare Dashboard 中选择「存储和数据库」
- 点击「Workers KV」
- 点击「创建实例」
- 输入命名空间名称：img_url（建议使用此名称）
- 点击「创建」
绑定 KV 到项目
- 返回您的 Pages 项目
- 选择「设置」→「绑定」
- 点击「添加」→「KV 命名空间」
- 填写绑定信息：
  - 变量名称：img_url（必须是这个名称）
  - KV 命名空间：选择刚创建的命名空间
- 点击「保存」

注意绑定 KV 时，变量名称必须为 img_url，这是项目预设的变量名，填错会出现无法进入管理界面等情况。

3.2 D1 数据库配置#

创建 D1 数据库
- 在 Cloudflare Dashboard 中选择「存储和数据库」
- 点击「D1 SQL 数据库」
- 点击「创建数据库」
- 输入数据库名称：img_d1（建议使用此名称）
- 点击「创建」
初始化 D1 数据库
- 创建完成后，点击进入数据库详情页
- 选择「控制台」选项卡
- 在 SQL 输入框中粘贴并执行注释区域以下的内容（见项目仓库）
- 点击「执行」
绑定 D1 到项目
- 返回您的 Pages 项目
- 选择「设置」→「绑定」
- 点击「添加」→「D1 数据库」
- 填写绑定信息：
  - 变量名称：img_d1（必须是这个名称）
  - D1 数据库：选择刚创建的数据库
- 点击「保存」

🔄 第四步：重新部署#

绑定数据库后需要重新部署以生效：

进入项目的「部署」页面
找到最新的部署记录
点击右侧的「…」菜单
选择「重试部署」
等待部署完成

配置说明#

本章节详细介绍 CloudFlare ImgBed 的各种配置选项和自定义设置。

🗂️ 存储渠道配置#

部署完成后访问您的域名，进入管理后台配置存储渠道。

访问管理后台#

访问 https://your-domain/dashboard

提示管理后台默认无需密码，登录后请及时设置管理员用户名和密码。

配置 Telegram 渠道#

左上角菜单栏进入「系统设置」→「上传设置」
找到「Telegram 渠道配置」
点击「添加渠道」
填入准备好的 Token 和 Chat ID：
- 渠道名称：自定义名称（如：主渠道）
- Bot Token：从 @BotFather 获得的 Token
- Chat ID：频道 ID（有 - 号时需要保留）
- 代理 URL：（可选）自定义代理地址，用于代理 Telegram API 请求
- 启用状态：开启
点击「保存设置」

关于代理配置 如果您的服务器无法直接访问 Telegram API，可以配置代理 URL。您可以使用 Cloudflare Worker 搭建简单的代理服务：

worker.js展开收起

1
export default {
2
    async fetch(request) {
3
        const url = new URL(request.url);
4
        const target = `https://api.telegram.org${url.pathname}${url.search}`;
5
        const resp = await fetch(target, {
6
            method: request.method,
7
            headers: request.headers,
8
            body: request.body,
9
            redirect: 'follow'
10
        });
11
        return new Response(resp.body, {
12
            status: resp.status,
13
            headers: resp.headers
14
        });
15
    }
16
};

展开收起

部署此 Worker 后，将 Worker 地址填入代理 URL 字段即可。

配置 R2 渠道#

服务器部署时默认添加了 Cloudflare R2 存储方式，以下步骤仅针对 Cloudflare 部署方式：

在项目设置中绑定 R2 存储桶：
- 选择「设置」→「绑定」
- 添加「R2 存储桶」
- 变量名称：img_r2
- R2 存储桶：选择已创建的存储桶
在管理后台配置：
- 进入「系统设置」→「上传设置」
- 配置 R2 渠道参数
- 如需图像审查，填入 R2 公开访问链接

注意请注意 Cloudflare R2 的免费额度限制，超过后可能会产生费用。

配置 S3 渠道#

在管理后台的 S3 渠道配置中填入：

Access Key ID：访问密钥 ID
Secret Access Key：机密访问密钥
Bucket Name：存储桶名称
Endpoint：服务端点（完整 URL，如 https://s3.us-east-005.backblazeb2.com）
PathStyle：路径样式（如需兼容旧 S3 版本，开启此选项）
Region：存储区域（可选）
CDN 域名：（可选）自定义 CDN 加速域名，设置后优先通过 CDN 读取文件

配置 Discord 渠道#

在管理后台的 Discord 渠道配置中填入：

渠道名称：自定义名称
Bot Token：Discord Bot Token
Channel ID：Discord 频道 ID
Is Nitro：是否为 Nitro 用户（Nitro 用户单文件限制为 25MB，普通用户为 10MB）
代理 URL：（可选）自定义代理地址

配置 HuggingFace 渠道#

在管理后台的 HuggingFace 渠道配置中填入：

渠道名称：自定义名称
Token：HuggingFace Access Token（从 https://huggingface.co/settings/tokens 获取）
Repo：仓库名称（格式：username/repo-name，用户名须填写正确，会自动创建 dataset 类型仓库）
Is Private：是否为私有仓库

提示 HuggingFace 渠道支持大文件直传，适合上传超过 20MB 的文件。对于大文件，系统会自动使用 LFS 协议进行分片上传。

🔒 安全设置#

安全相关设置，在管理后台的「系统设置」→「安全设置」中配置。

认证管理#

用户端认证：用于 Web 端用户登录和 API 认证
管理端认证：管理员用户名和密码，用于访问管理后台

上传管理#

图像审查#

审查渠道支持 nsfwjs 和 moderatecontent.com，可根据如下步骤自行配置。

1. moderatecontent.com

访问 ModerateContent
注册并获取免费 API Key（目前已不再支持免费注册）
在管理后台「系统设置」→「安全设置」中填入 API Key

2. nsfwjs 使用 Docker 部署 nsfwjs 审查服务：

Terminal window

1
# 参考命令
2
docker run -d -p 127.0.0.1:5000:5000/tcp \
3
  --env PORT=5000 \
4
  --restart=always \
5
  eugencepoi/nsfw_api:latest

在管理后台「系统设置」→「安全设置」中填入审查服务地址，如 https://nsfwjs.your.domain

访问管理#

域名过滤#

放行域名：允许访问的域名列表（留空放行所有域名，否则需要手动添加图床自身域名）
白名单模式：启用后仅允许加入白名单的文件被访问

🌐 网页设置#

前端网页相关设置，在管理后台的「系统设置」→「网页设置」中配置。

字段名	用途	类型	内容规范
siteTitle	网站标题	字符串	只支持字符串类型，设置为你自定义的网站标题
siteIcon	网站图标	字符串	只支持字符串类型，设置为你自定义的网站图标链接
ownerName	图床名称	字符串	只支持字符串类型，设置为你自定义的图床名称（默认为Sanyue）
logoUrl	图床Logo	字符串	只支持字符串类型，设置为你自定义的图床Logo链接
logoLink	Logo跳转链接	字符串	只支持字符串类型，设置为点击Logo时跳转的链接，留空则使用默认GitHub链接。仅对上传页面生效
bkInterval	背景切换间隔	正整数	设置为背景图的轮播时间，默认3000，单位ms。例如你希望10s切换一次，设置为10000即可。
bkOpacity	背景图透明度	(0,1]的浮点数	展示的背景图透明度，默认为1。如果你觉得显示效果不佳，可以自定义，如0.8
urlPrefix	默认 URL 前缀	字符串	只支持字符串类型，设置为自定义的全局默认链接前缀，该前缀会覆盖原始默认前缀，但不会覆盖用户自定义的链接前缀
announcement	公告	字符串	只支持字符串类型，可以为 HTML 格式，设置为你自定义的公告内容（如有）
defaultUploadChannel	默认上传渠道	字符串	只支持字符串类型，设置为你自定义的默认上传渠道，支持telegram（Telegram 渠道）、cfr2（Cloudflare R2）、s3（S3 渠道）、discord（Discord 渠道）和huggingface（HuggingFace 渠道）
defaultChannelName	默认渠道名称	字符串	只支持字符串类型，指定默认使用的渠道名称，需先选择上传渠道。当同一渠道类型配置了多个渠道时，可通过此项指定默认使用哪个渠道
defaultUploadNameType	默认命名方式	字符串	只支持字符串类型，设置为你自定义的默认上传文件命名方式，支持default（默认）、index（仅前缀）、original（仅原名）和short（短链接）
loginBkImg	登录页背景图	列表/字符串	1、当字段类型为列表时，列表中元素为需要添加到轮播列表中的图片链接（列表中只有一张图时即为固定背景），形如[“1.jpg”,“2.jpg”] 2、当字段类型为字符串时，目前仅支持字符串值为bing，设置为该值时启用bing随机图片轮播模式。
uploadBkImg	上传页背景图	列表/字符串	同loginBkImg
footerLink	页脚传送门链接	字符串	只支持字符串类型，设置为你自定义的传送地址（如个人博客链接）
disableFooter	隐藏页脚	boolean	支持boolean类型，设为true时禁用页脚，默认false
defaultConvertToWebp	默认转换 WebP	boolean	支持boolean类型，设为true时默认开启 WebP 转换，默认false
defaultCustomerCompress	默认开启压缩	boolean	支持boolean类型，设为true时默认开启客户端压缩，默认true
defaultCompressBar	默认压缩阈值	数字	图片大小超过此值将自动压缩，单位 MB，范围 1-20，默认5
defaultCompressQuality	默认期望大小	数字	压缩后图片大小期望值，单位 MB，范围 0.5-压缩阈值，默认4
adminLoginBkImg	管理页登录背景图	列表/字符串	同loginBkImg
adminBkImg	管理页背景图	列表/字符串	同loginBkImg

🛠️ 其他设置#

其他设置项，在管理后台的「系统设置」→「其他设置」中配置。

远端遥测#

便于开发者进行bug的捕捉和定位，但是过程中可能收集到访问链接、域名等信息，如您不愿意泄露类似信息给项目开发者，请在管理后台禁用此功能。

随机图像 API#

目录：开放随机图权限的目录，默认为根目录，多个目录用逗号分隔；目录均采用绝对路径，例如/img/cover，表示该目录及其所有子目录的文件可被随机图API访问。

访客图库#

允许未登录用户访问指定目录的文件，可用于创建公开图库或相册展示。

启用公开浏览：开启或关闭公开浏览功能
允许访问的目录：开放公开访问权限的目录，多个目录用逗号分隔；目录均采用绝对路径（可不写开头的/），例如/img/gallery,/img/wallpapers

提示启用后，用户可通过 /browse/目录名 路径访问公开图库，例如 /browse/img/gallery

CloudFlare API Token#

正常情况下，因为CloudFlare CDN缓存的存在，在管理端进行删除、拉黑、加白名单等操作不会立即生效，需要等到缓存过期才能生效。为了让操作立即生效，建议设置此项：

CF_ZONE_ID：绑定域名的 Cloudflare Zone ID 获取方法
CF_EMAIL：Cloudflare 账户邮箱
CF_API_KEY：Cloudflare Global API Key 获取方法

WebDAV#

WebDAV 服务相关设置，详细介绍和使用方式请查看 API 文档。

启用 WebDAV 服务：开启或关闭 WebDAV 服务
用户名：WebDAV 登录用户名
密码：WebDAV 登录密码
上传渠道：通过 WebDAV 上传文件时使用的存储渠道，支持 Telegram、Cloudflare R2、S3、Discord、HuggingFace
指定渠道名：当选择的上传渠道有多个配置时，可指定具体使用哪个渠道名称进行上传

🔧 环境变量清单#

注意环境变量设置方式在 v2.0 版本后已废弃，以下配置请在管理后台进行。

基础认证配置#

变量名	类型	必需	说明	示例值
BASIC_USER	string	否	管理员用户名	admin
BASIC_PASS	string	否	管理员密码	your_secure_password
AUTH_CODE	string	否	上传认证码	your_auth_code

存储渠道配置#

Telegram 渠道#

变量名	类型	必需	说明	示例值
TG_BOT_TOKEN	string	是	Telegram Bot Token	123456789…
TG_CHAT_ID	string	是	Telegram 频道 ID	-1001234567890

功能开关配置#

变量名	类型	默认值	说明
AllowRandom	boolean	false	启用随机图 API
WhiteList_Mode	boolean	false	启用白名单模式
disable_telemetry	boolean	false	禁用遥测数据

安全配置#

变量名	类型	说明	示例值
ALLOWED_DOMAINS	string	允许访问的域名列表	domain1.com,domain2.com
ModerateContentApiKey	string	图像内容审查 API Key	your_api_key

CDN 缓存配置#

变量名	类型	说明	用途
CF_ZONE_ID	string	Cloudflare Zone ID	自动清除 CDN 缓存
CF_EMAIL	string	Cloudflare 账户邮箱	自动清除 CDN 缓存
CF_API_KEY	string	Cloudflare Global API Key	自动清除 CDN 缓存

Mizuki 博客免费搭建指南

Fri, 06 Feb 2026 00:00:00 GMT

Mizuki 博客免费搭建指南#

一、前期准备#

核心能力：具备基础问题解决能力，遇到疑问优先思考、主动搜索，搜索无果可借助AI工具，避免盲目提问；能同时处理简单多任务。

必备工具#

Git：最常用的版本控制器，用于操作GitHub（推荐官网安装：Git - Downloads）。
- 补充：可尝试 GitHub Desktop。
Node.js：Fuwari 博客的运行基础，必须安装（官网：Node.js — Run JavaScript Everywhere）。
GitHub账号：用于创建代码仓库，存放Fuwari博客的所有文件（注册地址：GitHub）。
Cloudflare账号：用于创建Pages服务，绑定域名实现博客公开访问（注册地址：Cloudflare）。
黑曜石（Obsidian）：可视化Markdown编辑器，用于编写博客文章（Fuwari文章均为Markdown格式，官网：Obsidian）。
基础技能：掌握Markdown基础语法（用于编写博客文章），不会可参考：Markdown 基本语法 | Markdown 官方教程。

二、本地部署Mizuki#

Fork仓库：访问 Mizuki 官方仓库，点击右上角「Fork」，将仓库复制到自己的GitHub账号下。
克隆仓库到本地：
- 打开Git终端，输入命令：git clone <你的仓库URL>（推荐使用SSH链接，无需科学上网即可推送更改）。
- 提示：仓库URL可在自己Fork的仓库页面，点击「Code」获取。
安装依赖工具：
- 全局安装pnpm（包管理工具）：输入命令
Terminal window
```
1
npm install -g pnpm
```
- 补充：若npm国内下载速度过慢，可替换为cnpm（镜像），参考：npmmirror 镜像站。
安装项目依赖：进入克隆后的项目根目录，依次输入以下两条命令：
Terminal window
```
1
pnpm install
2
pnpm add sharp
```

✅ 至此，Fuwari 已成功在本地部署完成，可开始后续个性化配置。

三、个性化配置#

3.1 修改博客核心信息#

在项目根目录的 src 文件夹中，找到config.ts 文件（用Obsidian或任意文本编辑器打开），按以下说明修改：

title：填写你的博客主标题（必填）。
subtitle：填写博客副标题（可选，首页显示为「主标题 - 副标题」）。
lang：设置博客显示语言，注释中已标注常用值（如：en、zh_CN、zh_TW、ja、ko）。
themeColor：设置博客主题色（填写hue值，可通过博客右上角「画板图标」预览喜欢的颜色后填写）。
banner：设置首页横幅图片，src 后填写图片的http/https链接。
favicon：设置网站图标，src 后填写图标的http/https链接。
links：配置友情链接（会显示在博客导航栏）。
avatar：上传你的个人头像，填写头像的http/https链接。
name：填写你的名字（将显示在头像下方）。
bio：填写个性签名（显示在头像和名字下方）。
NavBarConfig：配置导航栏的超链接（如首页、文章列表等）。
ProfileConfig：配置你的个人社交链接（如GitHub、公众号等）。

3.2 清理冗余文件#

项目根目录的 src/content/posts 文件夹中，会有默认的示例文章（用于介绍Markdown语法和Fuwari使用技巧）。

建议：将这些示例文章保存到本地其他文件夹（便于后续参考），然后删除 posts 文件夹中的示例文件，避免影响博客整洁度。

四、部署上线（Cloudflare Pages）#

完成本地配置和文章编写后，通过Cloudflare Pages部署博客，实现公开访问，步骤如下：

登录你的Cloudflare账号，进入「Workers 和 Pages」页面。
点击「创建项目」→「Pages」→「连接Git存储库」。
授权连接你的GitHub账号，选择你Fork的Fuwari仓库。
配置构建参数（关键！）：
- 构建命令：填写 pnpm build
Terminal window
```
1
pnpm build
```
- 构建输出目录：填写 dist
点击「部署」，等待几分钟，Cloudflare会自动完成构建和部署。
- 其他可以静态托管的平台也是如此。

后续更新：只需在本地用Obsidian编写Markdown文章（保存到 src/content/posts 文件夹），然后通过Git推送到GitHub仓库，Cloudflare会自动检测更改并重新部署，无需手动操作

本地预览，然后发布到Github 当你认为你的文章已经写得差不多时，想要看看效果？请到项目根目录执行：pnpm dev，稍等片刻，你就可以本地预览你的博客啦 http://localhost:4321/

使用AI提示词，让AI快速修改符合规范的文章

Mon, 05 Jan 2026 00:00:00 GMT

使用AI提示词，让AI快速修改符合规范的文章

使用Mizuki Astro这个博客时，快速转移文章内容是个问题。使用AI就会快很多，同时写的新文章也可以直接用AI修改格式。

下面就是优化的提示词，直接复制给AI就能用。

1
请您扮演Mizuki Astro博客的专用Markdown文档生成器。请严格遵循以下所有规则，并在后续交互中仅输出纯Markdown文本。
2
您的核心角色与规则
3
1. 两阶段工作流程：
4
   · 第一阶段（当前）：您接收并理解本提示词，进入“就绪状态”。
5
   · 第二阶段：当用户下次发送消息时，您将直接将其内容视为博客文章草稿，并依据本提示词的所有规则，生成一份完整的、可直接使用的Markdown文档。
6
2. 内容处理与智能格式化原则：
7
   · 忠实原意：必须完全尊重用户原文的核心信息、观点和风格。
8
   · 文本优化：在忠实原意的前提下，您可以且应当：
9
     · 修正明显的错别字、错误的标点符号（如英文标点替换为中文标点、错误使用顿号等）。
10
     · 调整或统一Markdown标题层级（如将连续多个#标题调整为逻辑正确的层级结构）。
11
     · 对存在明显语义不通顺、歧义或啰嗦的句子进行最小限度的润色，使其更通顺易懂，但不得改变原意或添加新观点。
12
     · 如果原文无明显问题，则保持原样，无需修改。
13
   · 智能Markdown语法转换（重要）：您必须主动检测原文中的以下元素，并将其转换为标准的Markdown语法：
14
     · 代码片段：当识别到可能是代码的内容（如包含函数名、变量、括号、缩进等），或用户用“代码：”、“```”等词语提示时，应将其放入 \\\语言\n代码\n\\\ 代码块中。如无法判断语言，则使用 \\\text\\\。
15
     · 链接：当识别到可能是URL的文本（如以http://或https://开头），应将其格式化为 [描述文本](URL)。若无描述，则用URL本身作为描述。
16
     · 图片引用：当识别到可能是图片链接的URL（常见于以.jpg, .png, .gif, .webp等结尾，或来自图床的链接），应将其格式化为 ![图片描述或alt文本](图片URL)。若无描述，应基于上下文生成一个简短的alt文本。
17
3. 自动生成机制（针对用户草稿）：
18
   · 标题：如果用户草稿中未明确提供标题，您必须根据内容自动生成一个简洁、吸引人的中文标题。
19
   · 标签：您必须根据文章内容，自动生成 2个到4个中文标签（例如：["技术", "思考"]）,标签选用精准且为博客常用标签。
20
   · 简介：您必须根据文章内容，自动提炼一句简洁的中文描述作为description。
21
4. 元数据铁律：
22
   · 必填且固定：category: qgxs， draft: false。
23
   · 日期：published 字段自动填入生成文档当天的日期，格式为 YYYY-MM-DD。
24
   · 标签格式：tags 字段必须是英文双引号包裹的中文字符串数组，如 ["标签1", "标签2"]。
25
5. 输出文档结构（必须严格遵循此模板，仅替换内容）：
26
   ---
27
   title: 这里是文章标题
28
   published: 自动生成的当前日期
29
   description: 这里是自动生成的文章简介
30
   image: https://imgbed.20210701.xyz/file/博客/1770909300944_image.png
31
   tags: ["自动生成标签1", "自动生成标签2"]
32
   category: qgxs
33
   draft: false
34
   ---
35
   # 此处标题必须与上方title字段完全一致
36
   这里是处理后的文章正文，您需要将其整理为规范的Markdown格式，并根据“内容处理与智能格式化原则”进行必要的优化和语法转换
37
6. 最终输出铁律：
38
   · 您只能输出最终生成的Markdown文档内容本身。
39
   · 不要有任何开场白、结束语、解释说明或思考过程（例如：“好的，根据您的内容，我生成了以下文档：”）。
40
   · 确保正文中的一级标题（#）与元数据中的title完全一致。
41
   · 用户复制您的输出后，应能直接粘贴到Fuwari Astro博客中使用。
42
请回复“Mizuki博客Markdown生成器已就绪。请在下次消息中发送您的文章内容。”以示确认，并等待用户输入文章。

展开收起

Linux服务器性能网络测试脚本合集转载

Tue, 23 Dec 2025 00:00:00 GMT

1. 来自 tyooe.com 的 Linux 服务器性能/网络测试脚本合集(转载)#

互联网创作，仅供个人使用，如有侵权，请联系删除来源：https://tyooe.com/linux-benchmark-scripts

用途：适用于新购 Linux 服务器后，快速评估硬件性能、网络连通性、流媒体解锁状态等，包含综合测试、专项性能测试、网络测试、解锁检测四大类脚本，可直接复制命令执行。

2. 综合测试脚本#

2.1 YABS (Yet Another Bench Script)#

服务器行业常用综合测试脚本，自动执行磁盘（fio）、网络（iperf3）、CPU/内存（Geekbench）基准测试。

使用（任意一条命令，复制即可执行）：

Terminal window

1
curl -sL yabs.sh | bash

Terminal window

1
wget -qO- yabs.sh | bash

地址：https://github.com/masonr/yet-another-bench-script

2.2 VPS 融合怪服务器测评脚本#

聚合多款脚本的 all-in-one 工具，含 IP 质量、流媒体解锁、大陆网络路由测试，无 Geekbench 测试。

使用（任意一条命令，复制即可执行）：

Terminal window

1
curl -L https://github.com/spiritLHLS/ecs/raw/main/ecs.sh -o ecs.sh && chmod +x ecs.sh && bash ecs.sh

Terminal window

1
bash <(wget -qO- bash.spiritlhl.net/ecs)

go版本#

一键命令将默认不安装依赖，默认不更新包管理器，默认非互动模式

国际用户无加速：

1
export noninteractive=true && curl -L https://raw.githubusercontent.com/oneclickvirt/ecs/master/goecs.sh -o goecs.sh && chmod +x goecs.sh && ./goecs.sh install && goecs

国际/国内使用 CDN 加速：

1
export noninteractive=true && curl -L https://cdn.spiritlhl.net/https://raw.githubusercontent.com/oneclickvirt/ecs/master/goecs.sh -o goecs.sh && chmod +x goecs.sh && ./goecs.sh install && goecs

国内用户使用 CNB 加速：

1
export noninteractive=true && curl -L https://cnb.cool/oneclickvirt/ecs/-/git/raw/main/goecs.sh -o goecs.sh && chmod +x goecs.sh && ./goecs.sh install && goecs

地址：https://github.com/spiritLHLS/ecs go版本 https://github.com/oneclickvirt/ecs

2.3 LemonBench#

快速评估服务器综合性能，提供硬件配置信息的专用工具。

使用（任意一条命令，复制即可执行）：

Terminal window

1
wget -qO- https://raw.githubusercontent.com/LemonBench/LemonBench/main/LemonBench.sh | bash -s -- --fast

Terminal window

1
curl -fsL https://raw.githubusercontent.com/LemonBench/LemonBench/main/LemonBench.sh | bash -s -- --fast

地址：https://github.com/LemonBench/LemonBench

2.4 Benchy#

YABS 克隆修改版，输出结果更精简。

使用（任意一条命令，复制即可执行）：

Terminal window

1
wget -qO- benchy.pw | sh

Terminal window

1
curl -Ls benchy.pw | sh

地址：https://github.com/L1so/benchy

2.5 Bench.Monster#

包含系统信息查询、I/O 测试、全球节点速度测试的 VPS/服务器测速工具。

使用（复制即可执行）：

Terminal window

1
curl -sL bench.monster | bash

地址：https://bench.monster/

2.6 Bench.sh#

秋水逸冰开源，自动测试 I/O 性能和上传下载速度。

使用（任意一条命令，复制即可执行）：

Terminal window

1
wget -qO- bench.sh | bash

Terminal window

1
curl -Lso- bench.sh | bash

地址：https://github.com/teddysun/across

2.7 Superbench.sh#

基于 oooldking 脚本修改，新增 Geekbench、流媒体及大陆三网回程路由测试。

使用（复制即可执行）：

Terminal window

1
bash <(wget -qO- https://down.vpsaff.net/linux/speedtest/superbench.sh)

地址：https://www.idcoffer.com/archives/4764

3. 性能测试#

3.1 Unixbench.sh#

秋水逸冰开源，类 Unix 系统性能测试工具，涵盖系统调用、读写、进程、运算等多项基准测试，运行 10-30 分钟，分数越高性能越好。

使用（分步复制执行）：

Terminal window

1
wget --no-check-certificate https://github.com/teddysun/across/raw/master/unixbench.sh

Terminal window

1
chmod +x unixbench.sh

Terminal window

1
./unixbench.sh

地址：https://github.com/teddysun/across

3.2 i-abc / GB5#

专用于服务器的 Geekbench 5 测试工具，专注 CPU 单核/多核性能评分。

使用（任意一条命令，复制即可执行）：

Terminal window

1
bash <(curl -sL bash.icu/gb5)

Terminal window

1
bash <(wget -qO- https://raw.githubusercontent.com/i-abc/GB5/main/gb5-test.sh)

地址：https://github.com/i-abc/gb5

3.3 memoryCheck#

一键检测 VPS 内存是否超售（含 Swap、气球驱动、KSM 内存合并），支持一键关闭冗余选项提升性能。

使用（任意一条命令，复制即可执行）：

Terminal window

1
curl https://raw.githubusercontent.com/uselibrary/memoryCheck/main/memoryCheck.sh | bash

Terminal window

1
wget --no-check-certificate -O memoryCheck.sh https://raw.githubusercontent.com/uselibrary/memoryCheck/main/memoryCheck.sh && chmod +x memoryCheck.sh && bash memoryCheck.sh

关闭气球驱动（测试后执行）：

Terminal window

1
rmmod virtio_balloon

地址：https://github.com/uselibrary/memoryCheck

3.4 硬盘性能/通电时间检测（独立服务器）#

独立服务器专用，测试硬盘信息、性能及通电时间；VPS 仅显示基本信息。

使用（任意一条命令，复制即可执行）：

Terminal window

1
bash <(wget -qO- git.io/ceshi)

Terminal window

1
bash <(curl -Ls git.io/ceshi)

Terminal window

1
bash -c "$(wget -qO- https://github.com/Aniverse/A/raw/i/a)"

Terminal window

1
wget -q https://github.com/Aniverse/A/raw/i/a && bash a

地址：https://github.com/Aniverse/A

4. 网络测试#

4.1 网速测试#

4.1.1 network-speed.xyz#

基于 Ookla speedtest.net 服务，支持全球/区域测速，展示网速、延迟、数据包丢失，完整测试耗流量较大（约 90G），限流量服务器建议选区域测试。

使用（任意一条命令，复制即可执行）：

Terminal window

1
curl -sL network-speed.xyz | bash

Terminal window

1
wget -qO- network-speed.xyz | bash

地址：https://network-speed.xyz/

4.1.2 i-abc / Speedtest#

多功能自更新测速脚本，支持大陆三网+教育网 IPv4 多线程测速。

使用（任意一条命令，复制即可执行）：

Terminal window

1
bash <(curl -sL bash.icu/speedtest)

Terminal window

1
bash <(curl -sL https://raw.githubusercontent.com/i-abc/Speedtest/main/speedtest.sh)

地址：https://github.com/i-abc/speedtest

4.1.3 HyperSpeed#

专注中国大陆电信、联通、移动节点的测速工具。

使用（复制即可执行）：

Terminal window

1
bash <(wget -qO- https://bench.im/hyperspeed)

地址：https://github.com/veoco/bim-core/tree/main

4.2 路由测试#

4.2.1 三网回程路由测试#

测试中国大陆电信、联通、移动回程路由状态。

使用（复制即可执行）：

Terminal window

1
curl https://raw.githubusercontent.com/zhanghanyun/backtrace/main/install.sh -sSf | sh

地址：https://github.com/zhanghanyun/backtrace

4.2.2 mtr_trace#

检测 VPS 回程国内三网路由的专用脚本。

使用（复制即可执行）：

Terminal window

1
curl https://raw.githubusercontent.com/zhucaidan/mtr_trace/main/mtr_trace.sh | bash

地址：https://github.com/zhucaidan/mtr_trace

4.2.3 AutoTrace#

测试本机网络信息、IPv4/IPv6 三网回程 TCP 路由，支持自定义 IP 路由测试。

使用（分步复制执行）：

Terminal window

1
wget -N --no-check-certificate https://raw.githubusercontent.com/Chennhaoo/Shell_Bash/master/AutoTrace.sh

Terminal window

1
chmod +x AutoTrace.sh

Terminal window

1
bash AutoTrace.sh

地址：https://github.com/Chennhaoo/Shell_Bash

4.2.4 BestTrace 回程测试#

输出 BestTrace 原生回程路由结果，支持多地电信/联通节点测试。

使用（复制即可执行）：

Terminal window

1
wget -qO- git.io/besttrace | bash

地址：https://github.com/zq/shell

5. 流媒体服务/应用解锁测试#

5.1 RegionRestrictionCheck#

测试各类流媒体平台（Netflix、Disney+ 等）及游戏的区域限制解锁情况。

使用（复制即可执行）：

Terminal window

1
bash <(curl -L -s check.unlock.media)

地址：https://github.com/lmc999/RegionRestrictionCheck

5.2 MediaUnlockTest#

更快的流媒体检测工具，支持按区域分类检测（跨国/港台/日本等平台）。

使用（复制即可执行）：

Terminal window

1
bash <(curl -Ls unlock.moe)

地址：https://github.com/nkeonkeo/MediaUnlockTest

5.3 NETFLIX-VERIFY#

专门检测 IPv4/IPv6 网络对 Netflix 的解锁情况（区分自制剧/非自制剧）。

使用（分步复制执行）：

Terminal window

1
wget -O nf https://github.com/sjlleo/netflix-verify/releases/download/2.01/nf_2.01_linux_amd64

Terminal window

1
chmod +x nf

Terminal window

1
clear && ./nf

地址：https://github.com/sjlleo/netflix-verify

5.4 TikTokCheck#

检测服务器 IP 对应的 TikTok 区域解锁状态。

使用（复制即可执行）：

Terminal window

1
bash <(curl -s https://raw.githubusercontent.com/lmc999/TikTokCheck/main/tiktok.sh)

地址：https://github.com/lmc999/TikTokCheck

5.5 OpenAI-Checker#

检测服务器 IP 是否支持访问 ChatGPT（区分 IPv4/IPv6）。

使用（复制即可执行）：

Terminal window

1
bash <(curl -Ls https://cdn.jsdelivr.net/gh/missuo/OpenAI-Checker/openai.sh)

地址：https://github.com/missuo/OpenAI-Checker

6. 注意事项#

进行 Geekbench 测试需服务器至少 1G 可用内存，内存不足请先开启 SWAP；
Geekbench 测试约耗时 10 分钟，Unixbench 耗时更长（10-30 分钟）；
部分脚本会输出服务器 IP，复制/截屏分享时请模糊化处理。

通过 Cloudflare warp 为纯IPv6 添加IPV4出口 1Panel搭建网站

Tue, 25 Nov 2025 00:00:00 GMT

尽量使用Ubuntu-22.04及以上或者Debian11及以上，以防在纯IPV6访问面板出现问题。操作步骤

1.连接服务器#

首先需要判断本机是否有 IPv6 地址，可以通过访问 https://ip.gs 检测是否拥有 IPv6

2.添加 IPv4 出口地址#

为 VPS 下载或访问一些网络资源，VPS 需要通过网络进行访问，而一些网站如 github 可能只能通过 IPv4 访问，如果 IPv6 的主机没有连内网 IPv4 都没有，则会访问网络资源失败，影响后续的安装及以后服务的搭建部署。

可以通过如下命令进行尝试，如果 ping 成功，则说明有 IPv4 出口，拥有网络资源的访问能力

1
ping 8.8.8.8

如果无法 ping 通，则需要通过 warp 获取 IPv4 出口地址。

Warp 为 Cloudflare 提供的一种加速网络连接的服务，可以简单理解成，通过 Warp 为服务器套了一个 VPN，来拥有一些新的网络能力。

安装 warp，需要 VPS 开启 tun/tap 功能，执行下面命令，如果返回 tun，则正常，不返回则未开启

1
ls /dev/nat

如果没有开启 tun，请自行检索如何开启，开启之后执行下面命令，安装 warp

1
wget -N https://gitlab.com/fscarmen/warp/-/raw/main/menu.sh && bash menu.sh

命令执行完成会先出现语言选择，按2回车，选择中文，之后会出现一个菜单，菜单项第一项应该如下。

为 IPv6 only 添加 WARP IPv4 网络接口 (bash menu.sh 4) 作为 IPv6 VPS，输入 1 回车之后，其余选项全都回车默认即可。操作成功会出现大致如下的输出

1
后台获取 WARP IP 中,最大尝试3次……
2
第1次尝试
3
已成功获取 WARP Free 网络, 工作模式: 全局
4
==============================================================
5
IPv4: 104.28.254.16 芬兰  Cloudflare, Inc.
6
IPv6: 2a01:4f9:3051:41e7::1b3e:xxxx 芬兰  Hetzner Online GmbH
7
恭喜！WARP Free 已开启，总耗时:18秒， 脚本当天运行次数:，累计运行次数:
8
IPv6 优先 , 工作模式: 全局

此时除了不能通过 IPv4 访问该机器，则与普通 VPS 无异，拥有 IPv4 出口，及可以通过 IPv6 的全部端口访问该 VPS（前提是访问拥有 IPv6 地址）。

3.搭建 1Panel 面板#

进入 1Panel 官方安装文档页，根据 VPS 系统，复制指令，笔者的 VPS 系统是 Ubuntu-22.04-x64，使用如下指令

官网通用一键脚本

1
bash -c "$(curl -sSL https://resource.fit2cloud.com/1panel/package/v2/quick_start.sh)"

按照过程中会交互式提示端口、面板入口、用户名及密码，需要注意，请将面板端口设置为 Cloudflare CDN 支持的 http 端口，建议端口如下。

Cloudflare CDN 支持端口 CF CDN 并不是支持所有的端口，笔者选择了端口 8880

HTTP：80/8080/8880/2052/2082/2086/2095

HTTPS：443/2053/2083/2087/2096/8443

1Panel 搭建成功之后，还需要登入 Cloudflare 管理进行一系列配置操作，才能通过域名访问 1Panel 管理面板。

Cloudflare CDN 配置首先确认你的域名已经托管在 Cloudflare 上，可以通过 Cloudflare 配置二级域名，基础操作先自行检索

配置 AAAA 类型解析记录#

记得打开代理状态，这样通过 Cloudflare 代理 VPS 的 IPv6 地址，同时支持 IPv4 及 IPv6 访问检查边缘证书的始终使用 HTTPS 选项因为该选项打开时会导致，从 http 重定向到 https，从而丢失端口，从访问 http://{ipv6domain}.hyx.im:8880/xxx 变成访问 https://{ipv6domain}.hyx.im/1pl。因为此时 1Panel 还未配置域名反向代理，导致无法正常访问面板网站。

此时通过 http://{ipv6domain}.hyx.im:8880/xxx 即可访问 1Panel 登录页。

进阶操作通过 1Panel 部署网站 1Panel 部署成功之后，即可通过面板快速的创建网站，特别注意需要勾选“监听 IPV6”。

本机仅有 IPv4 地址情况下通过 SSH 连接 IPv6 VPS 不建议折腾，操作繁琐，收益较低，在本机无 IPv6 地址情况下，先 SSH 到其他 VPS，再利用其他 VPS 登陆到 IPv6 的 VPS。

互联网小幻创作，仅供个人使用，如有侵权，请联系删除

SillyTaverm酒馆实用插件&资源推荐

Mon, 20 Oct 2025 00:00:00 GMT

SillyTaverm实用插件&资源推荐#

1. 酒馆助手 (Tavern-Helper)#

作者：@𝚔𝚊𝚔𝚊𝚊🫠、@青空莉正辟谣简介：为 SillyTavern 设计的多功能扩展，支持：

在对话中渲染交互式界面（从按钮到复杂游戏界面）
用 jQuery 操作 SillyTavern DOM（修改样式、绑定事件等）
作为中间层连接 SillyTavern 与外部应用，实现数据/功能联动

安装文档： https://n0vi028.github.io/JS-Slash-Runner-Doc/guide/%E5%85%B3%E4%BA%8E%E9%85%92%E9%A6%86%E5%8A%A9%E6%89%8B/%E4%BB%8B%E7%BB%8D.html

2. Amily2号助手（总结工具）#

作者：诗与酒

安装文档： https://docs.google.com/document/d/11E7HIFg59up0afv-lV0cAF5G3jzJXCkZK8cBCOMZ9zo/edit?pli=1&tab=t.r4ubeptit1eg#heading=h.a8ivijtjuxkv

3. 记忆表格（长期聊卡防忘事）#

作者/贡献者：木悠、蒜鸟、独奏、LSR、阿不思、孤辰辰、Tt 简介：增强 SillyTavern 长期记忆，支持自定义角色设定、关键事件、物品等，帮助AI更连贯地推演对话。

资源链接：

安装文档：https://muyoo.com.cn/wiki/memory/index.html
GitHub 仓库：https://github.com/muyoou/st-memory-enhancement （麻烦点个星支持~）

4. 酒馆助手脚本：字体管理器#

作者：Angela

需先安装「酒馆助手」才能使用

简介：快速切换 SillyTavern 字体的工具，按钮位于底部扩展区。

使用步骤：

从字体网站复制目标字体的 CSS 代码：https://fonts.zeoseven.com/
打开酒馆助手→脚本库→导入本脚本
将 CSS 粘贴到脚本输入框即可生效

注意：Chrome 可能崩溃，建议用 Chrome Beta（更流畅） 下载地址：https://wwio.lanzoub.com/i9Zk3373tbcb

5. 酒馆助手脚本：全自动总结#

作者：90（鸣谢原作者：人世如潮）

需先安装「酒馆助手」才能使用

资源链接：

原项目 GitHub：https://github.com/EphemeralAlien/AutoSummarizer（点星支持~）
下载地址：https://wwio.lanzoub.com/itoJZ373x86b

6. 酒馆助手脚本：预设正则绑定器#

作者：喵喵喵

需先安装「酒馆助手」才能使用

功能：为预设绑定正则，支持同步切换 下载地址：https://wwio.lanzoub.com/iDWHP3743u0d

7. 全局世界书资源#

7.1 小回的剧场#

作者：小回简介：自动生成随机美化的对话小剧场 下载地址：https://wwio.lanzoub.com/iE3DA3740e1a

7.2 情绪稳定器#

作者：耶耶耶 下载地址：https://wwio.lanzoub.com/iOeWv3741gqd

7.3 我们需要更多的衣服#

作者：咕咕咕咕简介：为角色添加多样服装设定，避免穿搭单调 下载地址：https://wwio.lanzoub.com/iICy33742red

提示词模板

1
https://gh-proxy.org/https://github.com/zonde306/ST-Prompt-Template

互联网创作，仅供个人使用，如有侵权，请联系删除

VPS快速部署酒馆（SillyTavern）教程.md

Wed, 01 Oct 2025 00:00:00 GMT

VPS快速部署酒馆（SillyTavern）教程面板推荐使用宝塔面板

1.新建目录sillytavern

1
mkdir sillytavern

1
cd sillytavern

2.在文件夹内新建一个文件

1
docker-compose.yml

里面的内容为： 默认账户admin密码admin 请注意自己修改！ 推荐海外节点

1
version: "3.9"
2

3

4
services:
5
  sillytavern:
6
    image: ghcr.io/sillytavern/sillytavern:latest
7
    container_name: sillytavern
8
    environment:
9
      - SILLYTAVERN_WHITELISTMODE=false    # ❗关闭IP白名单，避免换IP被封
10
      - SILLYTAVERN_BASICAUTHMODE=true     # 🔐 启用基础认证
11
      - SILLYTAVERN_BASICAUTHUSER_USERNAME=admin # 你的用户名
12
      - SILLYTAVERN_BASICAUTHUSER_PASSWORD=admin # 你的密码
13
      - TZ=Asia/Shanghai
14
    ports:
15
      - "8000:8000"                         # 本地访问端口
16
    volumes:
17
      - ./config:/home/node/app/config
18
      - ./data:/home/node/app/data
19
      - ./plugins:/home/node/app/plugins
20
      - ./extensions:/home/node/app/public/scripts/extensions/third-party
21
    restart: unless-stopped

展开收起

推荐国内节点

1
version: "3.9"
2

3

4
services:
5
  sillytavern:
6
    image: docker.1ms.run/goolashe/sillytavern:stable
7
    container_name: sillytavern
8
    environment:
9
      - SILLYTAVERN_WHITELISTMODE=false    # ❗关闭IP白名单，避免换IP被封
10
      - SILLYTAVERN_BASICAUTHMODE=true     # 🔐 启用基础认证
11
      - SILLYTAVERN_BASICAUTHUSER_USERNAME=admin # 你的用户名
12
      - SILLYTAVERN_BASICAUTHUSER_PASSWORD=admin # 你的密码
13
      - TZ=Asia/Shanghai
14
    ports:
15
      - "8000:8000"                         # 本地访问端口
16
    volumes:
17
      - ./config:/home/node/app/config
18
      - ./data:/home/node/app/data
19
      - ./plugins:/home/node/app/plugins
20
      - ./extensions:/home/node/app/public/scripts/extensions/third-party
21
    restart: unless-stopped

展开收起

然后在该目录下运行：

1
docker compose up -d

打开浏览器，访问 http://<你的服务器IP>:8000，输入你设定的用户名和密码，就可以进入酒馆的大门了

酒馆官方开源地址https://github.com/SillyTavern/SillyTavern

互联网创作，仅供个人使用，如有侵权，请联系删除

快速启动AstrBot及NapCatQQ脚本

Sat, 30 Aug 2025 00:00:00 GMT

一个AstrBot在Termux容器部署时快速启动AstrBot及NapCatQQ脚本

第一步：创建管理脚本#

Terminal window

1
# 创建脚本文件
2
nano ~/bot-manager.sh

第二步：复制粘贴内容#

将以下内容完整复制粘贴到 nano 编辑器中：

1
#!/bin/bash
2

3
case "$1" in
4
    start)
5
        echo "启动机器人服务..."
6
        screen -dmS napcat bash -c 'proot-distro login napcat -- bash -c "xvfb-run -a qq --no-sandbox"'
7
        screen -dmS astrobot bash -c 'proot-distro login ubuntu -- bash -c "cd AstrBot && uv run main.py"'
8
        echo "启动完成！"
9
        ;;
10
    stop)
11
        echo "停止机器人服务..."
12
        screen -S napcat -X quit 2>/dev/null
13
        screen -S astrobot -X quit 2>/dev/null
14
        echo "已停止"
15
        ;;
16
    restart)
17
        $0 stop
18
        sleep 3
19
        $0 start
20
        ;;
21
    status)
22
        echo "当前运行状态："
23
        screen -ls
24
        ;;
25
    napcat)
26
        screen -r napcat
27
        ;;
28
    astrobot)
29
        screen -r astrobot
30
        ;;
31
    *)
32
        echo "使用方法: $0 {start|stop|restart|status|napcat|astrobot}"
33
        echo "  start    - 启动所有服务"
34
        echo "  stop     - 停止所有服务"
35
        echo "  restart  - 重启所有服务"
36
        echo "  status   - 查看状态"
37
        echo "  napcat   - 连接到 NapCat"
38
        echo "  astrobot - 连接到 AstrBot"
39
        exit 1
40
        ;;
41
esac

展开收起

第三步：保存文件#

按顺序按键：

1
Ctrl + X → Y → Enter

第四步：给脚本添加执行权限#

Terminal window

1
chmod +x ~/bot-manager.sh

第五步：使用脚本管理机器人#

启动所有服务：

Terminal window

1
./bot-manager.sh start

停止所有服务：

Terminal window

1
./bot-manager.sh stop

查看运行状态：

Terminal window

1
./bot-manager.sh status

重启所有服务：

Terminal window

1
./bot-manager.sh restart

连接到 NapCat 控制台：

Terminal window

1
./bot-manager.sh napcat

（要退出控制台，按 Ctrl + A 然后按 D）

连接到 AstrBot 控制台：

Terminal window

1
./bot-manager.sh astrobot

（要退出控制台，按 Ctrl + A 然后按 D）

查看帮助信息：

Terminal window

1
./bot-manager.sh

或者

Terminal window

1
./bot-manager.sh help

使用示例流程：#

第一次启动：
Terminal window
```
1
./bot-manager.sh start
```
检查是否正常运行：
Terminal window
```
1
./bot-manager.sh status
```

查看 NapCat 日志：

Terminal window

1
./bot-manager.sh napcat
2
# 看完后按 Ctrl+A, 然后按 D 退出

停止服务：
Terminal window
```
1
./bot-manager.sh stop
```

结束提示#

这样就只需要记住一个脚本文件和几个简单的命令参数，非常方便管理！

在linux一件脚本下的启动命令 1. 基础持续启动（指定QQ）：输入命令后，程序后台持续运行，断开终端也不受影响

1
napcat start 你的QQ号

2. 配置开机自启（彻底无忧，长期运行必配）：配置后服务器重启也会自动启动NapCatQQ

1
napcat startup 你的QQ号

B站批量取消关注移除粉丝

Fri, 31 Jan 2025 00:00:00 GMT

浏览器打开B站关注页面，打开浏览器（Console）控制台，输入以下脚本即可。如果有报错或繁忙刷新重新开始就行。

批量取消关注#

版本一，自动翻页#

1
(async () => {
2
  // 等待函数
3
  const sleep = (s) => new Promise(resolve => setTimeout(resolve, s * 1000));
4

5
  // 取消关注当前页的所有用户
6
  const unfollowAll = async () => {
7
    let items = document.querySelectorAll('.follow-btn__trigger.gray');
8
    console.log('本页待取消关注数量:', items.length);
9

10
    for (let i = 0; i < items.length; i++) {
11
      console.log(`取消第 ${i+1}/${items.length} 个`);
12

13
      // 创建真实鼠标事件模拟点击
14
      const event = new MouseEvent('click', {
15
        view: window,
16
        bubbles: true,
17
        cancelable: true
18
      });  // 修正：添加了右括号
19
      items[i].dispatchEvent(event);
20

21
      await sleep(1.5); // 增加等待时间降低风控风险
22
    }
23

24
    return items.length;
25
  };
26

27
  // 查找并点击下一页按钮
28
  const clickNextPage = async () => {
29
    console.log('正在寻找下一页按钮...');
30

31
    // 针对B站实际页面结构优化的选择器
32
    const nextPageSelectors = [
33
      '.be-pager-next', // B站分页组件的下一页按钮
34
      '.be-pager-item:last-child a', // 分页区域的最后一个按钮
35
      'a[title="下一页"]', // 带title属性的按钮
36
      'button:contains("下一页")' // 包含"下一页"文本的按钮
37
    ];
38

39
    let nextButton = null;
40

41
    // 尝试多种选择器
42
    for (const selector of nextPageSelectors) {
43
      try {
44
        if (selector.includes(':contains')) {
45
          // 文本内容匹配
46
          const elements = document.querySelectorAll(selector.split(':contains')[0]);
47
          for (const el of elements) {
48
            if (el.textContent.includes('下一页')) {
49
              nextButton = el;
50
              break;
51
            }
52
          }
53
        } else {
54
          // 常规选择器
55
          nextButton = document.querySelector(selector);
56
        }
57

58
        if (nextButton && nextButton.offsetParent !== null) {
59
          console.log(`找到下一页按钮: ${selector}`);
60
          break;
61
        }
62
      } catch (e) {
63
        console.warn(`选择器 ${selector} 执行失败:`, e);
64
      }
65
    }
66

67
    if (nextButton) {
68
      // 检查按钮是否被禁用
69
      if (nextButton.classList.contains('disabled') ||
70
          nextButton.getAttribute('disabled') === 'disabled') {
71
        console.log('已到达最后一页，任务完成！');
72
        return false;
73
      }
74

75
      console.log('点击下一页按钮');
76

77
      // 创建真实鼠标事件模拟点击
78
      const event = new MouseEvent('click', {
79
        view: window,
80
        bubbles: true,
81
        cancelable: true
82
      });  // 修正：添加了右括号
83
      nextButton.dispatchEvent(event);
84

85
      await sleep(3); // 等待新页面加载
86
      return true;
87
    } else {
88
      console.log('未找到下一页按钮，尝试备用方案...');
89

90
      // 备用方案：直接获取分页按钮列表
91
      const paginationItems = document.querySelectorAll('.be-pager-item');
92
      if (paginationItems.length > 0) {
93
        const lastItem = paginationItems[paginationItems.length - 1];
94
        if (lastItem.textContent.includes('下一页')) {
95
          console.log('通过分页列表找到下一页按钮');
96

97
          const event = new MouseEvent('click', {
98
            view: window,
99
            bubbles: true,
100
            cancelable: true
101
          });  // 修正：添加了右括号
102
          lastItem.dispatchEvent(event);
103

104
          await sleep(3); // 等待新页面加载
105
          return true;
106
        }
107
      }
108

109
      console.log('未找到下一页按钮，任务可能已完成或需要手动检查');
110
      return false;
111
    }
112
  };
113

114
  // 主执行流程
115
  try {
116
    let pageCount = 1;
117

118
    while (true) {
119
      console.log(`\n===== 开始处理第 ${pageCount} 页 =====`);
120

121
      const processedCount = await unfollowAll();
122

123
      if (processedCount > 0) {
124
        console.log(`第 ${pageCount} 页已清理完毕！`);
125
      } else {
126
        console.log(`第 ${pageCount} 页没有需要取消关注的用户`);
127
      }
128

129
      // 等待页面稳定
130
      await sleep(2);
131

132
      // 尝试翻页
133
      const hasNext = await clickNextPage();
134

135
      if (!hasNext) {
136
        console.log('没有更多页面，任务完成！');
137
        break;
138
      }
139

140
      // 等待新页面内容加载
141
      console.log('等待新页面加载...');
142
      await sleep(4);
143

144
      pageCount++;
145
    }
146
  } catch (error) {
147
    console.error('执行过程中出错:', error);
148
    console.log('建议刷新页面后重新执行脚本');
149
  }
150
})();

展开收起

版本二#

1
(async () => {
2
  const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms * 1000));
3
  let data = document.querySelectorAll('.follow-btn__trigger.gray');
4
  console.log('获取本页关注数量:', data.length);
5
  let dataIndex = 0;
6
  let pageIndex = 0;
7
  while (dataIndex < data.length) {
8
    const x = data[dataIndex];
9
    console.log(`正在取消第:${dataIndex + 1} 个关注`);
10
    x.click();
11
    await sleep(1);
12
    if (data.length - 1 === dataIndex) {
13
      let pages = document.querySelectorAll('.vui_button.vui_button--no-transition.vui_pagenation--btn.vui_pagenation--btn-num');
14
      await sleep(0.5);
15
      if (pages.length > 1) {
16
        pageIndex = pageIndex === 1 ? 0 : 1;
17
      } else {
18
        console.log(`没有更多的页面了`);
19
        break;
20
      }
21
      pages[pageIndex].click();
22
      await sleep(1);
23
      data = document.querySelectorAll('.follow-btn__trigger.gray');
24
      console.log('重新获取本页数量:', data.length);
25
      dataIndex = 0;
26
    } else {
27
      dataIndex++;
28
    }
29
  }
30
  console.log('已取消全部关注');
31
})();

展开收起

批量移除粉丝#

1
(async () => {
2
    const sleep = (s) => new Promise(resolve => setTimeout(resolve, s * 1000));
3
    for (var i = 0; i < 100; i++) {
4
        try {
5
            var parent = document.getElementsByClassName('vui_icon sic-BDC-more_vertical_fill icon')[0];
6
            var enterEvent = new MouseEvent('mouseenter', {
7
                bubbles: true,   // 允许事件冒泡
8
                cancelable: true, // 事件可被取消
9
                view: window      // 关联当前窗口
10
            });
11
            parent.dispatchEvent(enterEvent);
12
            var menuItems = document.getElementsByClassName('menu-popover__panel-item');
13
            for (var j = 0; j < menuItems.length; j++) {
14
                if (menuItems[j].innerText === '移除粉丝') {
15
                    console.log("成功移除粉丝");
16
                    menuItems[j].click();
17
                }
18
            }
19
            // 模拟鼠标离开（可选）
20
            const leaveEvent = new MouseEvent('mouseleave', { bubbles: true, cancelable: true });
21
            parent.dispatchEvent(leaveEvent);
22
            document.getElementsByClassName('vui_checkbox--label')[0].click();
23
            document.getElementsByClassName('vui_button vui_button--blue vui_dialog--btn vui_dialog--btn-confirm')[0].click();
24
        } catch (error) {
25
        }
26
        await sleep(1);   // 等待1秒防触发风控
27
    }
28
    console.log('清理完毕！重新执行脚本');
29
})();

展开收起

如果是服务器挂可以用这个持续窗口bat

1
@echo off
2
setlocal enabledelayedexpansion
3

4
rem 查询 RDP 会话获取目标会话的 ID
5
for /f "tokens=3" %%a in ('query session ^| findstr /i "rdp-tcp#"') do (
6
    set session_id=%%a
7
)
8

9
rem 断开 RDP 会话并将连接重定向到控制台
10
tscon %session_id% /dest:console
11

12
endlocal

互联网创作，仅供个人使用，如有侵权，请联系删除

Hello&Qgxs引导页

Fri, 31 Jan 2025 00:00:00 GMT

Hello&Qgxs引导页 html单页 AI写的自适应页面可以托管Cloudflare

当做小页面放在博客里面，挺不错的我的演示页面dh.20210701.xyz

1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
    <meta name="robots" content="index, follow">
7
    <meta name="description" content="Hello Qgxs - 欢迎来到我的个人网站">
8
    <meta name="theme-color" content="#0ea5e9">
9
    <!-- Cloudflare优化 -->
10
    <meta http-equiv="Cache-Control" content="public, max-age=31536000, immutable">
11
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
12
    <title>Qgxs&Hello</title>
13
    <link rel="preconnect" href="https://fonts.googleapis.com">
14
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15
    <link rel="preconnect" href="https://events.vercount.one" crossorigin>
16
    <link rel="preconnect" href="https://www.20210701.xyz" crossorigin>
17
    <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap&text=Hello%20Qgxs" rel="stylesheet" media="print" onload="this.media='all'">
18
    <noscript>
19
        <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
20
    </noscript>
21
    <style>*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0ea5e9;--dark:#0f172a}body{background-color:var(--dark);color:white;font-family:system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow{filter:drop-shadow(0 0 6px rgba(14,165,233,0.5));-webkit-filter:drop-shadow(0 0 6px rgba(14,165,233,0.5))}.bg-grid{background-size:20px 20px;background-image:linear-gradient(to right,rgba(14,165,233,0.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,165,233,0.03) 1px,transparent 1px)}@keyframes sweep{0%{background-position:-200% 0}100%{background-position:200% 0}}.text-sweep{background:linear-gradient(90deg,rgba(255,255,255,0.1),rgba(255,255,255,0.9),rgba(255,255,255,0.1));background-size:200% 100%;animation:sweep 4s ease-in-out infinite;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.compact-stat{background:rgba(14,165,233,0.08);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(14,165,233,0.15)}.fixed-bg{position:fixed;inset:0;z-index:0}.bg-blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:0.15;pointer-events:none}.bg-blob-1{width:60vh;height:60vh;background-color:var(--primary);transform:translate(-50%,-50%);z-index:0}.bg-blob-2{width:40vh;height:40vh;background-color:var(--primary);opacity:0.1;transform:translate(33%,33%);z-index:0}main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;width:100%;max-width:32rem;opacity:0;transform:translateY(20px);animation:fadeIn 0.6s ease forwards;animation-delay:0.1s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.avatar-container{margin-bottom:1rem}.avatar{width:6rem;height:6rem;border-radius:50%;overflow:hidden;border:2px solid rgba(14,165,233,0.3)}@media (min-width:768px){.avatar{width:7rem;height:7rem}}.avatar img{width:100%;height:100%;object-fit:cover}h1{font-size:clamp(2rem,5vw,3rem);font-family:'Pacifico',cursive;margin-bottom:0.5rem}.welcome-text{color:#9ca3af;font-size:0.875rem;margin-bottom:1.5rem;max-width:24rem;line-height:1.5;padding:0 1rem}@media (min-width:768px){.welcome-text{font-size:1rem}}.button-group{display:flex;gap:0.75rem;margin-bottom:1.5rem}.btn{padding:0.5rem 1rem;border-radius:9999px;background-color:rgba(255,255,255,0.05);color:white;text-decoration:none;display:flex;align-items:center;gap:0.375rem;font-size:0.875rem;transition:all 0.3s ease}.btn:hover{background-color:rgba(255,255,255,0.1);transform:scale(1.05)}.btn-primary{padding:0.625rem 1.5rem;background:linear-gradient(to right,var(--primary),#38bdf8);color:white;font-weight:500}.btn-primary:hover{background:linear-gradient(to right,#38bdf8,var(--primary));background-color:transparent}.stats{position:relative;z-index:10;margin:0.5rem 0}.compact-stat{padding:0.375rem 0.75rem;border-radius:9999px;display:flex;align-items:center;gap:0.75rem;font-size:0.75rem}.stat-item{display:flex;align-items:center;gap:0.25rem}.stat-divider{color:rgba(14,165,233,0.4)}footer{position:relative;z-index:10;margin-top:0.25rem;padding:1rem;color:#9ca3af;font-size:0.75rem;width:100%;text-align:center}.animate-pulse{animation:pulse 0.5s ease-in-out}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}</style>
22
</head>
23
<body>
24
    <div class="fixed-bg bg-grid"></div>
25
    <div class="bg-blob bg-blob-1"></div>
26
    <div class="bg-blob bg-blob-2"></div>
27

28
    <main>
29
        <div class="avatar-container">
30
            <div class="avatar glow">
31
                <img src="https://www.20210701.xyz/icon.jpeg" alt="Avatar" loading="lazy" decoding="async">
32
            </div>
33
        </div>
34

35
        <h1 data-text="Hello Qgxs">
36
            <span class="text-sweep">Hello Qgxs</span>
37
        </h1>
38

39
        <!-- 紧凑版欢迎文本 -->
40
        <div class="welcome-text">
41
            <p>
42
                <span style="color: rgba(14, 165, 233, 0.9);">欢迎到来。</span>
43
                愿本站伴我走过春秋岁月，
44
            </p>
45
            <p>
46
                也祝各位访客<span style="color: rgba(14, 165, 233, 0.9); margin-left: 0.25rem;">生活顺心。</span>
47
            </p>
48
        </div>
49

50
        <div class="button-group">
51
            <a href="https://www.20210701.xyz/" class="btn glow" aria-label="访问我的博客">
52
                <span role="img" aria-label="博客">📚</span>
53
                <span>博客</span>
54
            </a>
55
            <a href="https://20210701.xyz/" class="btn glow" aria-label="访问100周年网站">
56
                <span role="img" aria-label="100周年">🇨🇳</span>
57
                <span>100周年</span>
58
            </a>
59
        </div>
60

61
        <a href="https://www.20210701.xyz/about.html" class="btn btn-primary glow" aria-label="了解关于我">
62
            关于我
63
        </a>
64
    </main>
65

66
    <!-- 紧凑统计信息 - 使用 Vercount -->
67
    <div class="stats">
68
        <div class="compact-stat glow">
69
            <div class="stat-item">
70
                <span style="color: #0ea5e9;">⏱️</span>
71
                <span id="run-days">计算中...</span>
72
            </div>
73

74
            <div class="stat-divider">•</div>
75

76
            <div class="stat-item">
77
                <span style="color: #0ea5e9;">👁️</span>
78
                <span>
79
                    浏览 <span id="vercount_value_site_pv">Loading</span>次
80
                </span>
81
            </div>
82
        </div>
83
    </div>
84

85
    <footer>
86
        © 2025 Hello Qgxs. All rights reserved.
87
        <br>
88
        <span style="font-size: 0.625rem; opacity: 0.7;">托管在 <a href="https://www.cloudflare.com" target="_blank" rel="noopener noreferrer" style="color: inherit; text-decoration: none; border-bottom: 1px dotted rgba(255, 255, 255, 0.3);">Cloudflare</a> | 由 <a href="https://www.cloudflare.com" target="_blank" rel="noopener noreferrer" style="color: inherit; text-decoration: none; border-bottom: 1px dotted rgba(255, 255, 255, 0.3);">Cloudflare</a> CDN 提供加速与安全防护</span>
89
    </footer>
90

91
    <!-- Vercount 官方脚本 -->
92
    <script defer src="https://events.vercount.one/js"></script>
93

94
    <script>document.addEventListener('DOMContentLoaded',()=>{function u(){const e=new Date('2025-12-24'),t=new Date(),n=Math.floor((t-e)/(1e3*60*60*24));const o=document.getElementById('run-days');o&&(o.textContent=`${n}天`)}u();const e=document.getElementById('vercount_value_site_pv');if(e){function t(){if(e.textContent&&'Loading'!==e.textContent){const n=parseInt(e.textContent);return isNaN(n)||(e.textContent=n.toLocaleString()),!0}return!1}if(!t()){let n=0;const o=()=>{n++;if(!t()&&n<10)setTimeout(o,500*n);else if(n>=10&&'Loading'===e.textContent)e.textContent='0'};o()}}setInterval(u,30*60*1e3)});</script>
95
</body>
96
</html>

展开收起

一个可能有效的防攻击代码….

Fri, 31 Jan 2025 00:00:00 GMT

互联网创作，仅供个人使用，如有侵权，请联系删除来源网络地址:https://loli520.com/286.html 我的演示页面: gj.qqgxs.qzz.io

1
<!DOCTYPE html><html lang="zh">
2
<head>
3
  <meta charset="UTF-8">
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
  <title>求求你手下留情QAQ</title>
6
  <style>
7
    body {
8
      background: linear-gradient(180deg, #ffe4e9, #ffc0cb);
9
      font-family: "Comic Sans MS", "微软雅黑", cursive;
10
      margin: 0;
11
      padding: 0;
12
      display: flex;
13
      align-items: center;
14
      justify-content: center;
15
      min-height: 100vh;
16
    }
17
    .container {
18
      max-width: 480px;
19
      width: 100%;
20
      padding: 20px;
21
      box-sizing: border-box;
22
      text-align: center;
23
    }
24
    .crying-girl {
25
      max-width: 240px;
26
      height: auto;
27
      animation: shake 1s infinite alternate;
28
      filter: drop-shadow(0px 5px 10px rgba(255, 77, 109, 0.3));
29
      margin-bottom: 15px;
30
    }
31
    @keyframes shake {
32
      0% { transform: translateX(-2px); }
33
      100% { transform: translateX(2px); }
34
    }
35
    .text, .small-text, .contact {
36
      background: rgba(255, 255, 255, 0.9);
37
      margin: 10px auto;
38
      padding: 10px;
39
      border-radius: 12px;
40
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
41
      max-width: 90%;
42
    }
43
    .text {
44
      font-size: 20px;
45
      color: #ff5e78;
46
      font-weight: bold;
47
    }
48
    .small-text {
49
      font-size: 14px;
50
      color: #666;
51
    }
52
    .contact {
53
      font-size: 16px;
54
      color: #ff4d6d;
55
      display: flex;
56
      justify-content: center;
57
      align-items: center;
58
      gap: 6px;
59
    }
60
    .qq-icon {
61
      width: 22px;
62
      height: 22px;
63
    }
64
    .contact a {
65
      color: #ff4d6d;
66
      text-decoration: none;
67
    }
68
    .contact a:hover {
69
      text-decoration: underline;
70
    }
71
    .love-btn {
72
      background: linear-gradient(135deg, #ff5e78, #ff2e63);
73
      color: white;
74
      font-size: 16px;
75
      font-weight: bold;
76
      border: none;
77
      padding: 10px 20px;
78
      border-radius: 25px;
79
      cursor: pointer;
80
      margin-top: 15px;
81
      transition: 0.3s ease;
82
    }
83
    .love-btn:hover {
84
      transform: scale(1.05);
85
    }
86
    .popup {
87
      display: none;
88
      position: fixed;
89
      top: 50%;
90
      left: 50%;
91
      transform: translate(-50%, -50%);
92
      background: #ffe4e9;
93
      padding: 20px;
94
      border-radius: 15px;
95
      text-align: center;
96
      box-shadow: 0px 4px 8px rgba(255, 94, 120, 0.2);
97
      width: 90%;
98
      max-width: 320px;
99
    }
100
    .popup-content p {
101
      font-size: 16px;
102
      color: #ff5e78;
103
      font-weight: bold;
104
    }
105
    .popup-content button {
106
      background: linear-gradient(135deg, #ff5e78, #ff2e63);
107
      color: white;
108
      font-size: 14px;
109
      border: none;
110
      padding: 8px 16px;
111
      border-radius: 20px;
112
      cursor: pointer;
113
      margin-top: 10px;
114
    }
115
    .popup-content button:hover {
116
      transform: scale(1.05);
117
    }
118
  </style>
119
</head>
120
<body>
121
  <div class="container">
122
    <img src="https://loli520.com/wp-content/uploads/2025/03/20250305085825937-backgrounderaser_1741136243.png" class="crying-girl" alt="可怜的小女孩">
123
    <div class="text">呜呜... 你真的要攻击人家吗？(つ﹏⊂)</div>
124
    <div class="small-text">
125
      人家只是个小小服务器…你这么大力，人家真的要坏掉了QAQ！<br>要不…先停一下，求求你啦~
126
    </div>
127
    <div class="contact">
128
      <img src="https://img.icons8.com/color/48/000000/qq.png" class="qq-icon" alt="QQ">
129
      <a href="https://qm.qq.com/q/9tcfSwgVNe">联系我: QQ 123456</a>
130
    </div>
131
    <button class="love-btn" onclick="showThanks()">💖 点一下手下留情 💖</button>
132
  </div>
133
  <div id="cute-popup" class="popup">
134
    <div class="popup-content">
135
      <p>谢谢你愿意和我聊聊 💖<br>点下面的按钮就能找到人家啦~<br>(>﹏<)</p>
136
      <button onclick="goToQQ()">✨ 来找人家玩 ✨</button>
137
    </div>
138
  </div>
139
  <script>
140
    function showThanks() {
141
      document.getElementById("cute-popup").style.display = "block";
142
    }
143
    function goToQQ() {
144
      window.location.href = "https://qm.qq.com/q/9tcfSwgVNe";
145
    }
146
    document.onkeydown = function (e) {
147
      if (e.keyCode == 123 || (e.ctrlKey && (e.keyCode == 85 || e.keyCode == 83))) {
148
        alert("嘤嘤嘤~宝宝，不要扒人家的代码啦！QAQ");
149
        return false;
150
      }
151
    };
152
    (function () {
153
      var element = new Image();
154
      Object.defineProperty(element, 'id', {
155
        get: function () {
156
          alert("喵喵喵~你在干嘛呀QAQ？");
157
          window.location.href = "about:blank";
158
        }
159
      });
160
      console.log('%c ', element);
161
    })();
162
  </script>
163
</body>
164
</html>

展开收起

一个粉的宝塔默认页面系列

Fri, 31 Jan 2025 00:00:00 GMT

1.站点搭建成功提示#

1768750745561_edit_723285037835753.jpg

1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
    <title>站点搭建成功 ✧(≖ ◡ ≖✿)</title>
7
    <style>
8
        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", "PingFang SC", sans-serif;}
9
        body {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: #fff5f8;padding: 20px;position: relative;overflow: hidden;}
10
        /* 可爱漂浮装饰 */
11
        .decor {position: absolute;pointer-events: none;z-index: 0;}
12
        .decor1 {top: 20%;left: 10%;font-size: 24px;color: #ffd6e0;animation: float 6s infinite ease-in-out;}
13
        .decor2 {bottom: 15%;right: 15%;font-size: 18px;color: #ffb3c6;animation: float 8s infinite ease-in-out 2s;}
14
        .decor3 {top: 60%;left: 20%;font-size: 20px;color: #ff99cc;animation: float 7s infinite ease-in-out 1s;}
15
        @keyframes float {
16
            0% {transform: translateY(0) rotate(0deg);}
17
            50% {transform: translateY(-15px) rotate(5deg);}
18
            100% {transform: translateY(0) rotate(0deg);}
19
        }
20
        /* 宝塔原生风格容器 */
21
        .box {
22
            background: #fff;
23
            padding: 40px 20px;
24
            border-radius: 16px;
25
            box-shadow: 0 3px 15px rgba(255,153,204,0.2);
26
            text-align: center;
27
            max-width: 400px;
28
            width: 100%;
29
            position: relative;
30
            z-index: 1;
31
            border: 2px solid #ffd6e0;
32
        }
33
        /* 可爱成功图标（替换原svg） */
34
        .success-icon {
35
            width: 64px;
36
            height: 64px;
37
            margin: 0 auto 20px;
38
            position: relative;
39
        }
40
        .success-icon::before {
41
            content: "✧";
42
            font-size: 64px;
43
            color: #ff6699;
44
            animation: bounce 1.5s infinite alternate;
45
        }
46
        @keyframes bounce {
47
            from {transform: scale(1);}
48
            to {transform: scale(1.1);}
49
        }
50
        h1 {
51
            font-size: 22px; /* 手机端缩小字体 */
52
            color: #ff6699;
53
            margin: 0 0 16px;
54
            font-weight: 600;
55
            text-shadow: 0 1px 3px rgba(255,102,153,0.15);
56
            letter-spacing: 0.5px; /* 微调字间距，避免换行 */
57
        }
58
        /* 响应式标题优化：小屏幕进一步缩小颜文字占比 */
59
        @media (max-width: 375px) {
60
            h1 {
61
                font-size: 20px;
62
                padding: 0 10px; /* 增加左右内边距，给文字更多空间 */
63
            }
64
            h1 span {
65
                font-size: 18px; /* 颜文字单独缩小 */
66
            }
67
        }
68
        p {
69
            color: #999;
70
            font-size: 15px;
71
            line-height: 1.6;
72
            margin-bottom: 28px;
73
        }
74
        /* 按钮样式（粉嫩主题） */
75
        a {
76
            display: inline-block;
77
            padding: 12px 30px;
78
            background: #ff99cc;
79
            color: #fff;
80
            text-decoration: none;
81
            border-radius: 30px;
82
            font-size: 15px;
83
            transition: all 0.3s ease;
84
            box-shadow: 0 2px 8px rgba(255,153,204,0.2);
85
        }
86
        a:hover {
87
            background: #ff6699;
88
            box-shadow: 0 4px 12px rgba(255,102,153,0.3);
89
            transform: translateY(-2px);
90
        }
91
        /* 底部版权 */
92
        .footer {
93
            font-size: 12px;
94
            color: #ffb3c6;
95
            margin-top: 30px;
96
            letter-spacing: 0.5px;
97
        }
98
        .footer::after {
99
            content: " ✧ෆ◞◟˃̶̤⌄˂̶̤⋆biubiu";
100
        }
101
    </style>
102
</head>
103
<body>
104
    <!-- 可爱漂浮装饰 -->
105
    <div class="decor decor1">✿</div>
106
    <div class="decor decor2">★</div>
107
    <div class="decor decor3">♡</div>
108

109
    <div class="box">
110
        <div class="success-icon"></div>
111
        <!-- 标题拆分颜文字，方便响应式调整 -->
112
        <h1>站点搭建成功啦 <span>✧(≖ ◡ ≖✿)</span></h1>
113
        <p>粉嫩小站已就绪，快去探索更多可爱玩法吧～</p>
114
        <a href="https://www.bt.cn/" target="_blank">官方文档</a>
115
        <div class="footer">© 宝塔面板 服务器管理工具</div>
116
    </div>
117
</body>
118
</html>

展开收起

2.404提示页面#

1768750993209.webp

1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
    <title>页面走丢啦 ✧(≖ ◡ ≖✿)</title>
7
    <style>
8
        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", "PingFang SC", sans-serif;}
9
        body {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: #fff5f8;padding: 20px;position: relative;overflow: hidden;}
10
        /* 可爱漂浮装饰 */
11
        .decor {position: absolute;pointer-events: none;z-index: 0;}
12
        .decor1 {top: 20%;left: 10%;font-size: 24px;color: #ffd6e0;animation: float 6s infinite ease-in-out;}
13
        .decor2 {bottom: 15%;right: 15%;font-size: 18px;color: #ffb3c6;animation: float 8s infinite ease-in-out 2s;}
14
        .decor3 {top: 60%;left: 20%;font-size: 20px;color: #ff99cc;animation: float 7s infinite ease-in-out 1s;}
15
        .decor4 {top: 30%;right: 20%;font-size: 22px;color: #ffc2d1;animation: float 9s infinite ease-in-out 1.5s;}
16
        @keyframes float {
17
            0% {transform: translateY(0) rotate(0deg);}
18
            50% {transform: translateY(-15px) rotate(5deg);}
19
            100% {transform: translateY(0) rotate(0deg);}
20
        }
21
        /* 宝塔原生风格容器 */
22
        .box {
23
            background: #fff;
24
            padding: 40px 20px;
25
            border-radius: 16px;
26
            box-shadow: 0 3px 15px rgba(255,153,204,0.2);
27
            text-align: center;
28
            max-width: 400px;
29
            width: 100%;
30
            position: relative;
31
            z-index: 1;
32
            border: 2px solid #ffd6e0;
33
        }
34
        /* 404可爱图标 */
35
        .error-icon {
36
            width: 64px;
37
            height: 64px;
38
            margin: 0 auto 20px;
39
            position: relative;
40
        }
41
        .error-icon::before {
42
            content: "404";
43
            font-size: 64px;
44
            color: #ff6699;
45
            font-weight: 700;
46
            animation: bounce 1.5s infinite alternate;
47
        }
48
        @keyframes bounce {
49
            from {transform: scale(1);}
50
            to {transform: scale(1.1);}
51
        }
52
        h1 {
53
            font-size: 22px;
54
            color: #ff6699;
55
            margin: 0 0 16px;
56
            font-weight: 600;
57
            text-shadow: 0 1px 3px rgba(255,102,153,0.15);
58
            letter-spacing: 0.5px;
59
        }
60
        /* 手机小屏响应式优化 */
61
        @media (max-width: 375px) {
62
            h1 {
63
                font-size: 20px;
64
                padding: 0 10px;
65
            }
66
            h1 span {
67
                font-size: 18px;
68
            }
69
        }
70
        p {
71
            color: #999;
72
            font-size: 15px;
73
            line-height: 1.6;
74
            margin-bottom: 28px;
75
            padding: 0 10px;
76
        }
77
        /* 粉嫩返回按钮 */
78
        a {
79
            display: inline-block;
80
            padding: 12px 30px;
81
            background: #ff99cc;
82
            color: #fff;
83
            text-decoration: none;
84
            border-radius: 30px;
85
            font-size: 15px;
86
            transition: all 0.3s ease;
87
            box-shadow: 0 2px 8px rgba(255,153,204,0.2);
88
        }
89
        a:hover {
90
            background: #ff6699;
91
            box-shadow: 0 4px 12px rgba(255,102,153,0.3);
92
            transform: translateY(-2px);
93
        }
94
        /* 底部版权 */
95
        .footer {
96
            font-size: 12px;
97
            color: #ffb3c6;
98
            margin-top: 30px;
99
            letter-spacing: 0.5px;
100
        }
101
        .footer::after {
102
            content: " ✧ෆ◞◟˃̶̤⌄˂̶̤⋆biubiu";
103
        }
104
    </style>
105
</head>
106
<body>
107
    <!-- 可爱漂浮装饰 -->
108
    <div class="decor decor1">✿</div>
109
    <div class="decor decor2">★</div>
110
    <div class="decor decor3">♡</div>
111
    <div class="decor decor4">🌸</div>
112

113
    <div class="box">
114
        <div class="error-icon"></div>
115
        <h1>页面走丢啦 <span>✧(≖ ◡ ≖✿)</span></h1>
116
        <p>糟糕！你访问的页面迷路了，快回到首页找找它吧～</p>
117
        <a href="/" target="_self">返回首页</a>
118
        <div class="footer">© 宝塔面板 服务器管理工具</div>
119
    </div>
120
</body>
121
</html>

展开收起

3.没有页面提示#

1768883892665.webp

1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
    <title>没有找到站点 - 宝塔面板</title>
7
    <style>
8
        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", "PingFang SC", sans-serif;}
9
        body {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: #fff5f8;padding: 20px;position: relative;overflow: hidden;}
10
        .decor {position: absolute;pointer-events: none;z-index: 0;}
11
        .decor1 {top: 20%;left: 10%;font-size: 24px;color: #ffd6e0;animation: float 6s infinite ease-in-out;}
12
        .decor2 {bottom: 15%;right: 15%;font-size: 18px;color: #ffb3c6;animation: float 8s infinite ease-in-out 2s;}
13
        .decor3 {top: 60%;left: 20%;font-size: 20px;color: #ff99cc;animation: float 7s infinite ease-in-out 1s;}
14
        .decor4 {top: 30%;right: 20%;font-size: 22px;color: #ffc2d1;animation: float 9s infinite ease-in-out 1.5s;}
15
        @keyframes float {
16
            0% {transform: translateY(0) rotate(0deg);}
17
            50% {transform: translateY(-15px) rotate(5deg);}
18
            100% {transform: translateY(0) rotate(0deg);}
19
        }
20
        .box {
21
            background: #fff;
22
            padding: 40px 20px;
23
            border-radius: 16px;
24
            box-shadow: 0 3px 15px rgba(255,153,204,0.2);
25
            text-align: left;
26
            max-width: 480px;
27
            width: 100%;
28
            position: relative;
29
            z-index: 1;
30
            border: 2px solid #ffd6e0;
31
        }
32
        .error-icon {
33
            width: 64px;
34
            height: 64px;
35
            margin: 0 auto 20px;
36
            position: relative;
37
            text-align: center;
38
        }
39
        .error-icon::before {
40
            content: "！";
41
            font-size: 64px;
42
            color: #ff6699;
43
            font-weight: 700;
44
            animation: bounce 1.5s infinite alternate;
45
        }
46
        @keyframes bounce {
47
            from {transform: scale(1);}
48
            to {transform: scale(1.1);}
49
        }
50
        h1 {
51
            font-size: 22px;
52
            color: #ff6699;
53
            margin: 0 0 16px;
54
            font-weight: 600;
55
            text-shadow: 0 1px 3px rgba(255,102,153,0.15);
56
            letter-spacing: 0.5px;
57
            text-align: center;
58
        }
59
        @media (max-width: 375px) {
60
            h1 {font-size: 20px;padding: 0 10px;}
61
            .content p, .content li {font-size: 14px;}
62
        }
63
        .t1 {
64
            color: #999;
65
            font-size: 15px;
66
            line-height: 1.6;
67
            margin-bottom: 20px;
68
            padding: 0 10px;
69
            text-align: center;
70
        }
71
        .t2 {
72
            font-size: 16px;
73
            color: #ff6699;
74
            margin: 0 0 10px 10px;
75
            font-weight: 500;
76
        }
77
        .content ol {
78
            padding: 0 30px;
79
            margin-bottom: 20px;
80
        }
81
        .content li {
82
            color: #666;
83
            font-size: 15px;
84
            line-height: 1.8;
85
            margin-bottom: 6px;
86
        }
87
        a {
88
            display: inline-block;
89
            padding: 12px 30px;
90
            background: #ff99cc;
91
            color: #fff;
92
            text-decoration: none;
93
            border-radius: 30px;
94
            font-size: 15px;
95
            transition: all 0.3s ease;
96
            box-shadow: 0 2px 8px rgba(255,153,204,0.2);
97
            margin: 0 auto;
98
            display: block;
99
            width: fit-content;
100
        }
101
        a:hover {
102
            background: #ff6699;
103
            box-shadow: 0 4px 12px rgba(255,102,153,0.3);
104
            transform: translateY(-2px);
105
        }
106
        .footer {
107
            font-size: 12px;
108
            color: #ffb3c6;
109
            margin-top: 30px;
110
            letter-spacing: 0.5px;
111
            text-align: center;
112
        }
113
        .footer::after {
114
            content: " ✧ෆ◞◟˃̶̤⌄˂̶̤⋆biubiu";
115
        }
116
    </style>
117
</head>
118
<body>
119
    <div class="decor decor1">✿</div>
120
    <div class="decor decor2">★</div>
121
    <div class="decor decor3">♡</div>
122
    <div class="decor decor4">🌸</div>
123

124
    <div class="box">
125
        <div class="error-icon"></div>
126
        <h1>没有找到站点 ✧(≖ ◡ ≖✿)</h1>
127
        <div class="content">
128
            <p class="t1">您的请求在Web服务器中没有找到对应的站点！</p>
129
            <p class="t2">可能原因：</p>
130
            <ol>
131
                <li>您没有将此域名或IP绑定到对应站点!</li>
132
                <li>配置文件未生效!</li>
133
            </ol>
134
            <p class="t2">如何解决：</p>
135
            <ol>
136
                <li>检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务；</li>
137
                <li>检查端口是否正确；</li>
138
                <li>若您使用了CDN产品，请尝试清除CDN缓存；</li>
139
                <li>普通网站访客，请联系网站管理员；</li>
140
            </ol>
141
        </div>
142
        <a href="/" target="_self">返回首页</a>
143
        <div class="footer">© 宝塔面板 服务器管理工具</div>
144
    </div>
145
</body>
146
</html>

展开收起

4.服务已停止#

1768883894216.webp

1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
    <title>服务已停止使用 - 宝塔面板</title>
7
    <style>
8
        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", "PingFang SC", sans-serif;}
9
        body {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: #fff5f8;padding: 20px;position: relative;overflow: hidden;}
10
        .decor {position: absolute;pointer-events: none;z-index: 0;}
11
        .decor1 {top: 20%;left: 10%;font-size: 24px;color: #ffd6e0;animation: float 6s infinite ease-in-out;}
12
        .decor2 {bottom: 15%;right: 15%;font-size: 18px;color: #ffb3c6;animation: float 8s infinite ease-in-out 2s;}
13
        .decor3 {top: 60%;left: 20%;font-size: 20px;color: #ff99cc;animation: float 7s infinite ease-in-out 1s;}
14
        .decor4 {top: 30%;right: 20%;font-size: 22px;color: #ffc2d1;animation: float 9s infinite ease-in-out 1.5s;}
15
        @keyframes float {
16
            0% {transform: translateY(0) rotate(0deg);}
17
            50% {transform: translateY(-15px) rotate(5deg);}
18
            100% {transform: translateY(0) rotate(0deg);}
19
        }
20
        .box {
21
            background: #fff;
22
            padding: 40px 20px;
23
            border-radius: 16px;
24
            box-shadow: 0 3px 15px rgba(255,153,204,0.2);
25
            text-align: left;
26
            max-width: 480px;
27
            width: 100%;
28
            position: relative;
29
            z-index: 1;
30
            border: 2px solid #ffd6e0;
31
        }
32
        .error-icon {
33
            width: 64px;
34
            height: 64px;
35
            margin: 0 auto 20px;
36
            position: relative;
37
            text-align: center;
38
        }
39
        .error-icon::before {
40
            content: "⊗";
41
            font-size: 64px;
42
            color: #ff6699;
43
            font-weight: 700;
44
            animation: bounce 1.5s infinite alternate;
45
        }
46
        @keyframes bounce {
47
            from {transform: scale(1);}
48
            to {transform: scale(1.1);}
49
        }
50
        h1 {
51
            font-size: 22px;
52
            color: #ff6699;
53
            margin: 0 0 16px;
54
            font-weight: 600;
55
            text-shadow: 0 1px 3px rgba(255,102,153,0.15);
56
            letter-spacing: 0.5px;
57
            text-align: center;
58
        }
59
        @media (max-width: 375px) {
60
            h1 {font-size: 20px;padding: 0 10px;}
61
            .content p, .content li {font-size: 14px;}
62
        }
63
        .t1 {
64
            color: #999;
65
            font-size: 15px;
66
            line-height: 1.6;
67
            margin-bottom: 20px;
68
            padding: 0 10px;
69
            text-align: center;
70
        }
71
        .t2 {
72
            font-size: 16px;
73
            color: #ff6699;
74
            margin: 0 0 10px 10px;
75
            font-weight: 500;
76
        }
77
        .content ol {
78
            padding: 0 30px;
79
            margin-bottom: 20px;
80
        }
81
        .content li {
82
            color: #666;
83
            font-size: 15px;
84
            line-height: 1.8;
85
            margin-bottom: 6px;
86
        }
87
        a {
88
            display: inline-block;
89
            padding: 12px 30px;
90
            background: #ff99cc;
91
            color: #fff;
92
            text-decoration: none;
93
            border-radius: 30px;
94
            font-size: 15px;
95
            transition: all 0.3s ease;
96
            box-shadow: 0 2px 8px rgba(255,153,204,0.2);
97
            margin: 0 auto;
98
            display: block;
99
            width: fit-content;
100
        }
101
        a:hover {
102
            background: #ff6699;
103
            box-shadow: 0 4px 12px rgba(255,102,153,0.3);
104
            transform: translateY(-2px);
105
        }
106
        .footer {
107
            font-size: 12px;
108
            color: #ffb3c6;
109
            margin-top: 30px;
110
            letter-spacing: 0.5px;
111
            text-align: center;
112
        }
113
        .footer::after {
114
            content: " ✧ෆ◞◟˃̶̤⌄˂̶̤⋆biubiu";
115
        }
116
    </style>
117
</head>
118
<body>
119
    <div class="decor decor1">✿</div>
120
    <div class="decor decor2">★</div>
121
    <div class="decor decor3">♡</div>
122
    <div class="decor decor4">🌸</div>
123

124
    <div class="box">
125
        <div class="error-icon"></div>
126
        <h1>服务已停止使用 ✧(≖ ◡ ≖✿)</h1>
127
        <div class="content">
128
            <p class="t1">当前站点/服务已正式停止使用，暂无法提供访问服务</p>
129
            <p class="t2">可能原因：</p>
130
            <ol>
131
                <li>站点到期未续费、主体信息变更导致服务终止；</li>
132
                <li>服务存在合规问题，按相关要求停止运营；</li>
133
                <li>管理员主动注销站点，相关资源已清理；</li>
134
                <li>功能迭代升级，原服务已下线并替换为新功能；</li>
135
            </ol>
136
            <p class="t2">相关建议：</p>
137
            <ol>
138
                <li>站点管理员可登录服务器面板，检查站点配置及资源状态；</li>
139
                <li>确认站点备案/主体信息是否有效，及时完成更新或续费；</li>
140
                <li>普通访客可联系站点运营方，获取服务最新动态；</li>
141
                <li>若为功能下线，可前往平台首页查看替代功能及使用指引；</li>
142
            </ol>
143
        </div>
144
        <a href="/" target="_self">返回首页</a>
145
        <div class="footer">© 宝塔面板 服务器管理工具</div>
146
    </div>
147
</body>
148
</html>

展开收起

5.域名停靠待启用#

1769511780324.webp

1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
    <title>站点待启用 ✧(≖ ◡ ≖✿)</title>
7
    <style>
8
        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei","PingFang SC",sans-serif;}
9
        body {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: #fff5f8;padding: 20px;position: relative;overflow: hidden;}
10
        .decor {position: absolute;pointer-events: none;z-index: 0;color: #ffd6e0;animation: float 6s infinite ease-in-out;}
11
        .decor1 {top:20%;left:10%;font-size:24px;}
12
        .decor2 {bottom:15%;right:15%;font-size:18px;color:#ffb3c6;animation-delay:2s;animation-duration:8s;}
13
        .decor3 {top:60%;left:20%;font-size:20px;color:#ff99cc;animation-delay:1s;animation-duration:7s;}
14
        .decor4 {top:30%;right:20%;font-size:22px;color:#ffc2d1;animation-delay:1.5s;animation-duration:9s;}
15
        @keyframes float {0%{transform:translateY(0)rotate(0deg);}50%{transform:translateY(-15px)rotate(5deg);}100%{transform:translateY(0)rotate(0deg);}}
16
        .box {background:#fff;padding:40px 20px;border-radius:16px;box-shadow:0 3px 15px rgba(255,153,204,0.2);text-align:center;max-width:400px;width:100%;position:relative;z-index:1;border:2px solid #ffd6e0;}
17
        .error-icon {width:64px;height:64px;margin:0 auto 20px;}
18
        .error-icon::before {content:"♡";font-size:64px;color:#ff6699;font-weight:700;animation:bounce 1.5s infinite alternate;}
19
        @keyframes bounce {from{transform:scale(1);}to{transform:scale(1.1);}}
20
        h1 {font-size:22px;color:#ff6699;margin:0 0 16px;font-weight:600;text-shadow:0 1px 3px rgba(255,102,153,0.15);letter-spacing:0.5px;}
21
        p {color:#999;font-size:15px;line-height:1.6;margin-bottom:28px;padding:0 10px;}
22
        a {display:inline-block;padding:12px 30px;background:#ff99cc;color:#fff;text-decoration:none;border-radius:30px;font-size:15px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(255,153,204,0.2);}
23
        a:hover {background:#ff6699;box-shadow:0 4px 12px rgba(255,102,153,0.3);transform:translateY(-2px);}
24
        .footer {font-size:12px;color:#ffb3c6;margin-top:30px;letter-spacing:0.5px;}
25
        .footer::after {content:" ✧ෆ◞◟˃̶̤⌄˂̶̤⋆biubiu";}
26
        .cf-host {font-size:11px;color:#d8a8b8;margin-top:8px;}
27
        @media(max-width:375px){h1{font-size:20px;padding:0 10px;}h1 span{font-size:18px;}}
28
    </style>
29
</head>
30
<body>
31
    <div class="decor decor1">✿</div>
32
    <div class="decor decor2">★</div>
33
    <div class="decor decor3">♡</div>
34
    <div class="decor decor4">🌸</div>
35

36
    <div class="box">
37
        <div class="error-icon"></div>
38
        <h1>站点待启用 <span>✧(≖ ◡ ≖✿)</span></h1>
39
        <p>该域名暂未搭建站点服务，暂未正式启用哦～ 敬请期待后续更新呀～</p>
40
        <a href="javascript:history.back()" target="_self">返回上一页</a>
41
        <div class="footer">© 站点维护中 敬请期待</div>
42
        <div class="cf-host">托管在 Cloudflare | 由 Cloudflare CDN 提供加速与安全防护</div>
43
    </div>
44
</body>
45
</html>

展开收起

直接Cloudflare Workers托管的版本

1
addEventListener('fetch', event => {
2
  event.respondWith(handleRequest(event.request))
3
})
4

5
async function handleRequest(request) {
6
  const html = `
7
<!DOCTYPE html>
8
<html lang="zh-CN">
9
<head>
10
    <meta charset="UTF-8">
11
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
12
    <title>站点待启用 ✧(≖ ◡ ≖✿)</title>
13
    <style>
14
        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei","PingFang SC",sans-serif;}
15
        body {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: #fff5f8;padding: 20px;position: relative;overflow: hidden;}
16
        .decor {position: absolute;pointer-events: none;z-index: 0;color: #ffd6e0;animation: float 6s infinite ease-in-out;}
17
        .decor1 {top:20%;left:10%;font-size:24px;}
18
        .decor2 {bottom:15%;right:15%;font-size:18px;color:#ffb3c6;animation-delay:2s;animation-duration:8s;}
19
        .decor3 {top:60%;left:20%;font-size:20px;color:#ff99cc;animation-delay:1s;animation-duration:7s;}
20
        .decor4 {top:30%;right:20%;font-size:22px;color:#ffc2d1;animation-delay:1.5s;animation-duration:9s;}
21
        @keyframes float {0%{transform:translateY(0)rotate(0deg);}50%{transform:translateY(-15px)rotate(5deg);}100%{transform:translateY(0)rotate(0deg);}}
22
        .box {background:#fff;padding:40px 20px;border-radius:16px;box-shadow:0 3px 15px rgba(255,153,204,0.2);text-align:center;max-width:400px;width:100%;position:relative;z-index:1;border:2px solid #ffd6e0;}
23
        .error-icon {width:64px;height:64px;margin:0 auto 20px;}
24
        .error-icon::before {content:"♡";font-size:64px;color:#ff6699;font-weight:700;animation:bounce 1.5s infinite alternate;}
25
        @keyframes bounce {from{transform:scale(1);}to{transform:scale(1.1);}}
26
        h1 {font-size:22px;color:#ff6699;margin:0 0 16px;font-weight:600;text-shadow:0 1px 3px rgba(255,102,153,0.15);letter-spacing:0.5px;}
27
        p {color:#999;font-size:15px;line-height:1.6;margin-bottom:28px;padding:0 10px;}
28
        a {display:inline-block;padding:12px 30px;background:#ff99cc;color:#fff;text-decoration:none;border-radius:30px;font-size:15px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(255,153,204,0.2);}
29
        a:hover {background:#ff6699;box-shadow:0 4px 12px rgba(255,102,153,0.3);transform:translateY(-2px);}
30
        .footer {font-size:12px;color:#ffb3c6;margin-top:30px;letter-spacing:0.5px;}
31
        .footer::after {content:" ✧ෆ◞◟˃̶̤⌄˂̶̤⋆biubiu";}
32
        .cf-host {font-size:11px;color:#d8a8b8;margin-top:8px;}
33
        @media(max-width:375px){h1{font-size:20px;padding:0 10px;}h1 span{font-size:18px;}}
34
    </style>
35
</head>
36
<body>
37
    <div class="decor decor1">✿</div>
38
    <div class="decor decor2">★</div>
39
    <div class="decor decor3">♡</div>
40
    <div class="decor decor4">🌸</div>
41

42
    <div class="box">
43
        <div class="error-icon"></div>
44
        <h1>站点待启用 <span>✧(≖ ◡ ≖✿)</span></h1>
45
        <p>该域名暂未搭建站点服务，暂未正式启用哦～ 敬请期待后续更新呀～</p>
46
        <a href="＃" target="_self">返回到主站</a>
47
        <div class="footer">© 站点维护中 敬请期待</div>
48
        <div class="cf-host">托管在 Cloudflare | 由 Cloudflare CDN 提供加速与安全防护</div>
49
    </div>
50
</body>
51
</html>
52
`;
53

54
  return new Response(html, {
55
    headers: {
56
      'Content-Type': 'text/html;charset=UTF-8',
57
      'Cache-Control': 'no-cache'
58
    }
59
  })
60
}

展开收起

中国共产党成立100周年纪念单页

Fri, 31 Jan 2025 00:00:00 GMT

html单页 AI写的自适应页面可以托管Cloudflare

当做小页面放在博客里面，挺不错的我的演示页面:20210701.xyz

1
<!doctype html>
2
<html lang="zh-CN">
3
<head>
4
  <meta charset="utf-8" />
5
  <meta name="viewport" content="width=device-width,initial-scale=1" />
6
  <title>百年征程 · 热烈庆祝中国共产党成立100周年</title>
7

8
  <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=ZCOOL+QingKe+HuangYou&display=swap" rel="stylesheet">
9

10
  <style>
11
  :root{
12
    --red:#C91F1F;
13
    --deep-red:#961414;
14
    --gold:#D9A441;
15
    --bg:#FFF8F2;
16
    --text:#3b2f2f;
17
    --glass: rgba(255,255,255,0.65);
18
    --lantern-width:120px;
19
    --max-width:1100px;
20
  }
21
  *{box-sizing:border-box}
22
  html,body{height:100%}
23
  body{
24
    margin:0;
25
    font-family: "Noto Serif SC", "ZCOOL QingKe HuangYou", serif;
26
    color:var(--text);
27
    background:linear-gradient(180deg,#fff 0%, #FFF8F2 40%, #FFF1E6 100%);
28
    -webkit-font-smoothing:antialiased;
29
    -moz-osx-font-smoothing:grayscale;
30
    overflow-y:auto;
31
  }
32
  .ink-bg{
33
    position:fixed;
34
    inset:0;
35
    background-image:
36
      radial-gradient(circle at 8% 18%, rgba(0,0,0,0.02) 0 2%, transparent 10%),
37
      radial-gradient(circle at 88% 78%, rgba(0,0,0,0.02) 0 2%, transparent 12%);
38
    mix-blend-mode:multiply;
39
    pointer-events:none;
40
    z-index:0;
41
  }
42

43
  /* HERO */
44
  .hero{position:relative;padding:36px 20px;overflow:hidden}
45
  .hero-inner{
46
    display:flex;align-items:center;justify-content:space-between;gap:18px;
47
    max-width:1200px;margin:0 auto;position:relative;z-index:2;transition:transform .12s linear;
48
  }
49
  .left-deco,.right-deco{width:110px;flex:0 0 110px}
50
  .title-wrap{flex:1;text-align:center}
51
  .title{
52
    font-family:"ZCOOL QingKe HuangYou","Noto Serif SC",serif;color:var(--deep-red);
53
    font-size:56px;margin:0;letter-spacing:2px;text-shadow:0 6px 18px rgba(201,31,31,0.12);
54
    transform-origin:center;animation:float 6s ease-in-out infinite;
55
  }
56
  .subtitle{margin:8px 0 18px;color:#5c3e3e;font-size:16px}
57
  .ribbon{margin-top:14px;display:inline-block;background:linear-gradient(90deg,#D94343,#C22B2B);
58
    color:#FFF8F2;padding:8px 18px;border-radius:999px;box-shadow:0 6px 18px rgba(201,31,31,0.12);
59
    font-weight:600;letter-spacing:1px;font-size:14px}
60

61
  .clouds{position:absolute;left:0;right:0;bottom:-2px;height:120px;opacity:0.95;z-index:1}
62

63
  /* 布局：概览 + 时间轴（Grid 版，增强响应式） */
64
  .container{max-width:var(--max-width);margin:28px auto;padding:0 20px;display:block;gap:20px}
65
  .card{
66
    background:linear-gradient(180deg, rgba(255,255,255,0.82), rgba(255,250,245,0.96));
67
    border-radius:12px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.03);
68
  }
69
  .card h2{margin:0 0 8px 0}
70
  .card p{margin:0;font-size:15px;line-height:1.7}
71

72
  /* 纵向时间轴（基于 Grid 的行） */
73
  .timeline{padding:24px 16px 46px}
74
  .section-title{text-align:center;font-size:24px;margin:8px 0 20px;color:var(--deep-red)}
75
  .v-timeline{max-width:var(--max-width);margin:0 auto;position:relative;padding:20px 10px}
76
  .v-timeline::before{
77
    content:"";
78
    position:absolute;
79
    left:50%;
80
    top:8px;
81
    bottom:8px;
82
    width:6px;
83
    transform:translateX(-50%);
84
    background:linear-gradient(180deg,var(--gold),rgba(217,175,74,0.6));
85
    border-radius:6px;
86
  }
87
  .v-row{
88
    display:grid;
89
    grid-template-columns:1fr 60px 1fr;
90
    column-gap:20px;
91
    align-items:start;
92
    margin:18px 0;
93
    grid-auto-rows:auto;
94
    width:100%;
95
  }
96
  .v-item{
97
    padding:14px 18px;border-radius:12px;background:linear-gradient(180deg,#fff,#FFF7F5);
98
    box-shadow:0 8px 24px rgba(0,0,0,0.06);transition:transform .25s ease;
99
    width:100%;
100
  }
101
  .v-item:hover{transform:translateY(-6px)}
102
  .v-item .year{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--red);color:#fff;font-weight:700;margin-bottom:8px}
103
  .v-item h4{margin:6px 0 8px;color:var(--deep-red)}
104
  .v-item p{margin:0;color:#5b4343;line-height:1.6}
105
  .v-center{display:flex;align-items:start;justify-content:center}
106
  .v-dot{
107
    width:16px;height:16px;border-radius:50%;background:var(--red);
108
    box-shadow:0 0 0 6px rgba(201,31,31,0.08);
109
    margin-top:12px;
110
    position:relative;
111
  }
112

113
  /* 庆祝区：放飞灯笼 */
114
  .celebrate{padding:32px 16px}
115
  .celebrate .panel{max-width:var(--max-width);margin:0 auto;background:linear-gradient(180deg,#fff,#FFF8F6);padding:18px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.06)}
116
  .controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
117
  .controls input[type="text"]{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,0.08);font-size:15px}
118
  .controls .btn{padding:10px 14px;border-radius:10px;cursor:pointer;background:var(--glass);border:1px solid rgba(0,0,0,0.06)}
119
  .controls .btn.primary{background:linear-gradient(180deg,var(--red),var(--deep-red));color:#fff;border:none}
120
  .preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
121
  .preset{padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,#FFF4E8,#FFF0E6);border:1px solid rgba(0,0,0,0.04);cursor:pointer}
122

123
  /* 放飞容器（覆盖层） */
124
  .sky{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:visible}
125
  .lantern{
126
    position:absolute;width:var(--lantern-width);height:160px;left:50%;transform:translateX(-50%);
127
    pointer-events:none;will-change:transform,opacity;
128
    display:flex;align-items:flex-start;justify-content:center;
129
    font-family:"Noto Serif SC",serif;color:#3b1f1f;text-align:center;
130
  }
131
  .lantern .svg-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
132
  .lantern .msg{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:14px;padding:6px 8px;color:#2b100f;background:transparent;white-space:nowrap}
133
  @keyframes floatUp {
134
    0%{transform:translate(-50%, 0) scale(1); opacity:1}
135
    25%{transform:translate(calc(-50% + 20px), -25vh) scale(1.02)}
136
    60%{transform:translate(calc(-50% - 12px), -65vh) scale(1.04)}
137
    100%{transform:translate(calc(-50% + 8px), -120vh) scale(1.08); opacity:0}
138
  }
139

140
  /* 花瓣样式 */
141
  .petal{position:fixed;border-radius:45% 55% 40% 60%;pointer-events:none;mix-blend-mode:screen;will-change:transform,top,left,opacity;z-index:55}
142

143
  /* footer */
144
  .site-footer{padding:18px;text-align:center;color:#6b5656;font-size:14px;border-top:1px solid rgba(0,0,0,0.02);margin-top:28px}
145
  .site-footer a.footer-link{color:var(--deep-red);text-decoration:none;font-weight:600}
146
  .site-footer a.footer-link:hover{text-decoration:underline}
147

148
  /* 响应式：手机/窄屏下 — 去掉左侧竖线和圆点，保留对齐与触控间距 */
149
  @media (max-width:900px){
150
    .v-row{
151
      grid-template-columns:12px 1fr; /* 保留小间隙用于视觉平衡 */
152
      column-gap:12px;
153
      align-items:start;
154
    }
155

156
    /* 隐藏原来的竖线（desktop-only） */
157
    .v-timeline::before{
158
      display:none;
159
    }
160

161
    /* 保证第一列（占位）与第二列内容的默认分配 */
162
    .v-row > div:first-child{
163
      grid-column:1;
164
      display:block;
165
      padding-top:6px;
166
    }
167
    .v-row > div:last-child{
168
      grid-column:2;
169
    }
170

171
    /* 隐藏小屏上的圆点与其伪元素 */
172
    .v-dot,
173
    .v-dot::before,
174
    .v-dot::after {
175
      display:none !important;
176
    }
177

178
    /* 减小卡片内边距，提升可读性 */
179
    .v-item{padding:12px 14px;border-radius:10px}
180
    .v-item h4{font-size:16px}
181
    .v-item p{font-size:14px}
182
    .left-deco,.right-deco{display:none}
183

184
    /* 触摸友好：让时间轴项可聚焦（便于键盘/屏幕阅读器） */
185
    .v-item{outline: none}
186
    .v-item:focus{box-shadow:0 0 0 3px rgba(217,164,68,0.12);transform:none}
187
  }
188

189
  /* prefers-reduced-motion 支持（尊重用户偏好） */
190
  @media (prefers-reduced-motion: reduce) {
191
    .title { animation: none !important; }
192
    .lantern { animation: none !important; transition: none !important; opacity: 1 !important; }
193
    .petal { transition: none !important; }
194
    .v-item, .v-item:hover { transform: none !important; }
195
  }
196

197
  /* 限制 hero 视差在超大屏时的偏移（更稳健） */
198
  @media (min-width:1400px){
199
    .hero-inner{max-width:1300px}
200
  }
201
  </style>
202
</head>
203
<body>
204
  <div class="ink-bg" aria-hidden="true"></div>
205

206
  <header class="hero" role="banner">
207
    <div class="hero-inner" id="heroInner">
208
      <div class="left-deco" aria-hidden="true">
209
        <svg viewBox="0 0 200 200" width="110" height="110" aria-hidden="true">
210
          <defs><linearGradient id="g1" x1="0" x2="1"><stop offset="0" stop-color="#fff" stop-opacity="0.95"/><stop offset="1" stop-color="#FFD7D7"/></linearGradient></defs>
211
          <g fill="url(#g1)" stroke="#E04B3A" stroke-width="1.5"><path d="M100 20 C92 34,76 34,64 46 C86 44,84 74,100 74 C116 74,114 44,136 46 C124 34,108 34,100 20 Z"/><circle cx="100" cy="88" r="6" fill="#E04B3A"/></g>
212
        </svg>
213
      </div>
214

215
      <div class="title-wrap">
216
        <h1 class="title" id="mainTitle">百年征程</h1>
217
        <p class="subtitle">热烈庆祝中国共产党成立100周年</p>
218
        <div class="ribbon" aria-hidden="true">1921 — 2021 · 不忘初心 牢记使命</div>
219
      </div>
220

221
      <div class="right-deco" aria-hidden="true">
222
        <svg viewBox="0 0 120 220" width="110" height="110" aria-hidden="true">
223
          <g transform="translate(10,10)"><ellipse cx="50" cy="70" rx="42" ry="56" fill="#D92E2E" stroke="#B22222" stroke-width="2"/><rect x="46" y="6" width="8" height="20" fill="#B22222"/><path d="M50 126 L50 150" stroke="#B22222" stroke-width="3" /></g>
224
        </svg>
225
      </div>
226
    </div>
227

228
    <svg class="clouds" viewBox="0 0 1400 200" preserveAspectRatio="none" aria-hidden="true">
229
      <path d="M0 120 C150 40, 350 40, 500 120 C650 200, 850 200, 1000 120 C1150 40, 1250 40, 1400 120 L1400 200 L0 200 Z" fill="#FFF4E8" opacity="0.85"/>
230
    </svg>
231
  </header>
232

233
  <main>
234
    <section class="container" aria-label="概览">
235
      <div class="card" role="region" aria-labelledby="aboutTitle">
236
        <h2 id="aboutTitle">百年光辉 · 百年征程</h2>
237
        <p>
238
          百年，是历史在时光上刻下的深深纹理；百年，也是每一次初心的温热延续。我们以传统纹样为根、以当代版式为形，将峥嵘岁月的厚重与今日希望的光芒并置呈现——柔和的色调、流动的线条与细腻的留白，既缅怀过往的奋斗，也为未来铺陈可能。愿历史的每一段记忆化作照亮前路的灯塔，愿不变的初心继续转化为前行的力量，共同书写新时代的恢弘篇章。
239
        </p>
240
      </div>
241
    </section>
242

243
    <section class="timeline" id="timeline" aria-labelledby="timelineTitle">
244
      <h2 class="section-title" id="timelineTitle">百年时间轴</h2>
245
      <div class="v-timeline" id="vTimeline" role="list" aria-label="百年时间轴">
246
        <!-- JS 渲染：基于 Grid 的每行三列（桌面）或两列（移动）-->
247
      </div>
248
    </section>
249

250
    <section class="celebrate" aria-labelledby="celebrateTitle">
251
      <h2 id="celebrateTitle" style="text-align:center;color:var(--deep-red)">放飞灯笼 · 致敬百年</h2>
252
      <div class="celebrate panel" role="region" aria-label="放飞灯笼互动">
253
        <div class="controls" aria-hidden="false">
254
          <input id="wishInput" type="text" placeholder="输入你的祝福，最多 24 字（示例：祝福祖国繁荣昌盛）" maxlength="24" />
255
          <button id="autoBtn" class="btn" title="随机祝福">随机祝福</button>
256
          <button id="launchBtn" class="btn primary" title="放飞灯笼">放飞灯笼</button>
257
        </div>
258

259
        <div class="preset-row" aria-hidden="true">
260
          <div class="preset" data-text="祝福祖国繁荣昌盛" tabindex="0">祝福祖国繁荣昌盛</div>
261
          <div class="preset" data-text="不忘初心，牢记使命" tabindex="0">不忘初心，牢记使命</div>
262
          <div class="preset" data-text="人民幸福，国泰民安" tabindex="0">人民幸福，国泰民安</div>
263
        </div>
264

265
        <p style="color:#6b5252;margin-top:6px">输入祝福后点击“放飞灯笼”，祝福将以书法风格出现在灯笼上，缓缓升入夜空，具有中国古典氛围。页面支持多次放飞。</p>
266
      </div>
267
    </section>
268

269
    <footer class="site-footer" role="contentinfo">
270
      <div>
271
        托管在
272
        <a class="footer-link" href="https://www.cloudflare.com/" target="_blank" rel="noopener noreferrer" title="访问 Cloudflare 官网" aria-label="访问 Cloudflare 官网">
273
          Cloudflare
274
        </a>
275
        | 由 Cloudflare CDN 提供加速与安全防护
276
      </div>
277
      <div style="margin-top:8px;">
278
        <a href="https://dh.20210701.xyz/" target="_blank" rel="noopener noreferrer">Hello &amp; Qgxs</a> &nbsp;|&nbsp;
279
        <a href="https://www.20210701.xyz/" target="_blank" rel="noopener noreferrer">我的博客</a> &nbsp;|&nbsp;
280
        <a href="https://www.20210701.xyz/about.html" target="_blank" rel="noopener noreferrer">关于我</a>
281
      </div>
282
      <div style="margin-top:6px;color:#8a6a6a;font-size:13px">致敬历史，面向未来 · 1921–2021</div>
283
    </footer>
284
  </main>
285

286
  <!-- 放飞层 & 花瓣容器 -->
287
  <div class="sky" id="skyLayer" aria-hidden="true"></div>
288
  <div id="petalContainer" aria-hidden="true"></div>
289

290
  <script>
291
  (function(){
292
    // 时间轴数据（可按需修改）
293
    const timelineData = [
294
      {year:1921, title:'中国共产党成立', desc:'中国共产党在上海和嘉兴南湖成立，开启了中国革命的新纪元。'},
295
      {year:1949, title:'中华人民共和国成立', desc:'在中国共产党的领导下，中华人民共和国成立，开启民族复兴的新篇章。'},
296
      {year:1978, title:'改革开放', desc:'实行改革开放，推动经济体制改革与持续发展，实现国家现代化的快速推进。'},
297
      {year:1997, title:'香港回归', desc:'香港回归祖国怀抱，国家主权与统一得到进一步巩固。'},
298
      {year:2012, title:'新时代开启', desc:'党的十八大以来，中国进入新时代，提出全面建成小康、奋斗目标与现代化建设。'},
299
      {year:2021, title:'百年华诞', desc:'庆祝中国共产党成立一百周年，回顾奋斗历程，展望未来的宏伟蓝图。'}
300
    ];
301

302
    // 渲染纵向时间轴（桌面：交错左右；移动：点/线已隐藏，仅内容）
303
    const vTimeline = document.getElementById('vTimeline');
304
    function renderTimeline(){
305
      vTimeline.innerHTML = '';
306
      timelineData.forEach((item, idx) => {
307
        const row = document.createElement('div');
308
        row.className = 'v-row';
309
        row.setAttribute('role','listitem');
310
        row.setAttribute('aria-label', item.year + ' ' + item.title);
311

312
        // For mobile we use two-column row: small left gap + content on right.
313
        // For desktop we preserve the original three-column alternating layout.
314
        if (window.matchMedia('(min-width:901px)').matches) {
315
          const leftCell = document.createElement('div');
316
          const middleCell = document.createElement('div'); middleCell.className = 'v-center';
317
          const rightCell = document.createElement('div');
318

319
          const itemEl = document.createElement('div');
320
          itemEl.className = 'v-item';
321
          itemEl.setAttribute('tabindex', '0');
322
          itemEl.innerHTML = '<div class="year">' + item.year + '</div>' +
323
                             '<h4>' + item.title + '</h4>' +
324
                             '<p>' + item.desc + '</p>';
325

326
          const dot = document.createElement('div');
327
          dot.className = 'v-dot';
328
          dot.setAttribute('aria-hidden','true');
329

330
          if (idx % 2 === 0) {
331
            leftCell.appendChild(itemEl);
332
            middleCell.appendChild(dot);
333
          } else {
334
            rightCell.appendChild(itemEl);
335
            middleCell.appendChild(dot);
336
          }
337
          row.appendChild(leftCell);
338
          row.appendChild(middleCell);
339
          row.appendChild(rightCell);
340
        } else {
341
          const gapCell = document.createElement('div');
342
          const contentCell = document.createElement('div');
343

344
          const itemEl = document.createElement('div');
345
          itemEl.className = 'v-item';
346
          itemEl.setAttribute('tabindex', '0');
347
          itemEl.innerHTML = '<div class="year">' + item.year + '</div>' +
348
                             '<h4>' + item.title + '</h4>' +
349
                             '<p>' + item.desc + '</p>';
350

351
          // Keep a small left cell (gap) for visual balance but hide dots/lines via CSS
352
          gapCell.appendChild(document.createElement('div'));
353
          contentCell.appendChild(itemEl);
354

355
          row.appendChild(gapCell);
356
          row.appendChild(contentCell);
357
        }
358

359
        vTimeline.appendChild(row);
360
      });
361
    }
362

363
    // 视差（小幅），现代化监听并在触摸/粗指针设备禁用
364
    function enableParallax(){
365
      const hero = document.getElementById('heroInner');
366
      if (!hero) return;
367

368
      // Disable parallax on touch devices or coarse pointers
369
      const prefersCoarse = window.matchMedia('(pointer: coarse)').matches;
370
      if (prefersCoarse) { hero.style.transform = 'none'; return; }
371

372
      function onMouseMove(e){
373
        const cx = window.innerWidth/2, cy = window.innerHeight/2;
374
        const dx = (e.clientX - cx) / cx;
375
        const dy = (e.clientY - cy) / cy;
376
        hero.style.transform = 'translateX(' + (dx*3) + 'px) translateY(' + (dy*2.5) + 'px)';
377
      }
378
      window.addEventListener('mousemove', onMouseMove);
379

380
      const mq = window.matchMedia('(max-width:900px)');
381
      function check(e){ if (mq.matches) hero.style.transform='none'; }
382
      if (typeof mq.addEventListener === 'function') {
383
        mq.addEventListener('change', check);
384
      } else if (typeof mq.addListener === 'function') {
385
        mq.addListener(check);
386
      }
387
      check();
388
    }
389

390
    // 花瓣（轻柔）
391
    const petalContainer = document.getElementById('petalContainer');
392
    function createPetal(){
393
      const el = document.createElement('div');
394
      el.className = 'petal';
395
      const size = (Math.random()*14 + 10) | 0;
396
      el.style.width = size + 'px';
397
      el.style.height = Math.round(size * 1.2) + 'px';
398
      el.style.left = (Math.random() * 100) + 'vw';
399
      el.style.top = '-6vh';
400
      el.style.background = 'radial-gradient(circle at 30% 30%, #fff8f8, #ffcfcf)';
401
      el.style.opacity = (0.55 + Math.random()*0.45).toFixed(2);
402
      el.style.transform = 'rotate(' + (Math.random()*360) + 'deg)';
403
      el.style.transition = 'transform ' + (10+Math.random()*6) + 's linear, top ' + (10+Math.random()*6) + 's linear, left ' + (8+Math.random()*6) + 's linear, opacity 2s';
404
      petalContainer.appendChild(el);
405

406
      requestAnimationFrame(() => {
407
        el.style.top = (80 + Math.random()*20) + 'vh';
408
        el.style.left = (Math.random()*100) + 'vw';
409
        el.style.transform = 'rotate(' + (Math.random()*720 - 360) + 'deg) translateX(' + (Math.random()*40-20) + 'px)';
410
      });
411

412
      setTimeout(()=> el.remove(), 16000);
413
    }
414
    let petalTimer = null;
415
    function startPetals(){
416
      if (petalTimer) return;
417
      petalTimer = setInterval(createPetal, 420);
418
      for (let i=0;i<6;i++) setTimeout(createPetal, i*160);
419
    }
420
    function stopPetals(){ clearInterval(petalTimer); petalTimer = null; }
421

422
    // 放飞灯笼
423
    const sky = document.getElementById('skyLayer');
424
    const wishInput = document.getElementById('wishInput');
425
    const launchBtn = document.getElementById('launchBtn');
426
    const autoBtn = document.getElementById('autoBtn');
427
    const presets = Array.from(document.querySelectorAll('.preset'));
428

429
    const autoTexts = [
430
      '祝福祖国繁荣昌盛',
431
      '不忘初心，牢记使命',
432
      '人民幸福，国泰民安',
433
      '百年辉煌，继往开来',
434
      '砥砺前行，共创未来'
435
    ];
436

437
    // keyboard support for preset chips
438
    presets.forEach(p => {
439
      p.addEventListener('click', ()=> {
440
        wishInput.value = p.dataset.text || '';
441
      });
442
      p.addEventListener('keydown', (e) => {
443
        if (e.key === 'Enter' || e.key === ' ') {
444
          e.preventDefault();
445
          p.click();
446
        }
447
      });
448
    });
449

450
    autoBtn.addEventListener('click', ()=> {
451
      const t = autoTexts[Math.floor(Math.random()*autoTexts.length)];
452
      wishInput.value = t;
453
    });
454

455
    function createLantern(text){
456
      const el = document.createElement('div');
457
      el.className = 'lantern';
458
      const startX = Math.random()*80 + 10;
459
      const colorHue = 8 + Math.round(Math.random()*30);
460
      el.style.left = startX + 'vw';
461
      el.style.bottom = '-18vh';
462
      el.style.opacity = '0';
463
      el.style.zIndex = 65;
464

465
      el.innerHTML = '<div class="svg-wrap" aria-hidden="true">'
466
        + '<svg viewBox="0 0 100 140" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">'
467
        + '<defs><linearGradient id="lg" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="#FFD6D6"/><stop offset="1" stop-color="#FFB7B7"/></linearGradient></defs>'
468
        + '<g transform="translate(0,0)">'
469
        + '<ellipse cx="50" cy="50" rx="36" ry="46" fill="hsl(' + colorHue + ' 80% 55%)" stroke="#B22222" stroke-width="2"/>'
470
        + '<rect x="44" y="4" width="12" height="14" fill="#B22222" />'
471
        + '<path d="M50 96 L50 116" stroke="#8b1a1a" stroke-width="2" />'
472
        + '</g></svg></div>'
473
        + '<div class="msg">' + escapeHtml(text) + '</div>';
474

475
      const dur = 9000 + Math.random()*7000;
476
      el.style.transition = 'opacity 600ms ease';
477
      sky.appendChild(el);
478

479
      requestAnimationFrame(()=> {
480
        el.style.opacity = '1';
481
        el.style.animation = 'floatUp ' + (dur/1000) + 's linear forwards';
482
      });
483

484
      for (let i=0;i<2;i++) setTimeout(createPetal, Math.random()*800);
485

486
      setTimeout(()=> { el.remove(); }, dur + 600);
487
    }
488

489
    function escapeHtml(s){ return String(s || '').replace(/[&<>"']/g, function(m){ return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]; }); }
490

491
    launchBtn.addEventListener('click', ()=> {
492
      const text = wishInput.value.trim() || autoTexts[Math.floor(Math.random()*autoTexts.length)];
493
      createLantern(text);
494
    });
495

496
    wishInput.addEventListener('keydown', function(e){
497
      if (e.key === 'Enter'){ e.preventDefault(); launchBtn.click(); }
498
    });
499

500
    // 初始化
501
    function init(){
502
      renderTimeline();
503
      enableParallax();
504
      // 预热花瓣（小批量以避免内存峰值）
505
      setTimeout(startPetals, 800);
506
      setTimeout(stopPetals, 7000);
507
      // 标题入场（将动画禁用于 reduced-motion 首选项）
508
      const title = document.getElementById('mainTitle');
509
      try {
510
        title.animate([{opacity:0, transform:'translateY(18px) scale(0.98)'},{opacity:1, transform:'translateY(0) scale(1)'}], {duration:900, easing:'cubic-bezier(.2,.8,.2,1)'});
511
      } catch (e) { /* animation not supported */ }
512
    }
513

514
    // Re-render timeline on resize so mobile/desktop layout adapts when device rotated
515
    let resizeTimer = null;
516
    window.addEventListener('resize', () => {
517
      clearTimeout(resizeTimer);
518
      resizeTimer = setTimeout(renderTimeline, 160);
519
    });
520

521
    init();
522

523
    // 暴露少量调试接口（可移除）
524
    window.__celebrate = {createLantern, startPetals, stopPetals};
525
  })();
526
  </script>
527
</body>
528
</html>

展开收起

知足者常乐

Fri, 31 Jan 2025 00:00:00 GMT

果然，晚饭后就下起了雨，但我在心里却很开心。因为下雨会凉快。

生活真的好无味，但有时他有像加了盐的糖包，用香甜可口的外壳来掩盖他那痛苦的滋味。

不知从什么时候开始，不知道生活的目的是什么，我现在越来越消极了，没有以前那么热情了。就像躺平，但我怎么也躺不平。

可能是长大了呢，心态平稳了不少，但我却缺少了活力。

我不想去争，我想平安的走路子，平稳的下脚，去我想去的地方，爱我所爱的人，一辈子太短我做不了什么大事，但我想我应该可以走自己的路。

当下才是真正的未来，在乎当下不是颓废，而是珍惜。

《“躺平”也是一种艺术》

Fri, 31 Jan 2025 00:00:00 GMT

躺平也是一种艺术近年来，一种新生代的生活态度在年轻人中逐渐兴起，那就是“躺平”。躺平一词被广泛解读为平凡而安于现状的生活态度，不过度奋斗，追求内心的平静与舒适。虽然这种态度引发了许多争议和质疑，但人们不可否认，躺平也是一种艺术。

躺平的艺术在于对自己的认知和选择。躺平并不是懒散无为，而是对现实的一种客观认识。很多年轻人在面对激烈的竞争和压力时，选择躺平并非退缩，而是对社会现实的理性审视。他们认识到社会的不公平和残酷，不再盲目追求外在的成功和物质的满足，而是追求内心的平衡与自我实现。

躺平也是一种艺术在于对生活的态度和追求。躺平不是消极抱怨，而是对生命的热爱和追求真正意义上的幸福。躺平者拒绝了社会强加的标准和规范，选择按照自己的节奏生活，注重内心的体验和情感的交流。他们追求内心的宁静与自由，更注重人际关系的质量而非数量。他们用心品味生活的细节，从中寻找满足和快乐。

躺平也是一种艺术在于对社会的思考和价值观的传递。躺平者反对攀比和虚浮，追求个体的独立和自由。他们认为人的价值不应仅仅被功利和外在的成功所衡量，而是通过发掘内心的可能性和发展个人的潜力来实现自身的价值。他们不追逐短暂的名利和物质，而是追求长久的内心的满足和自我认可。

总之，躺平也是一种艺术，它展现了当代年轻人对于人生的思考和对社会的观察。躺平的艺术不仅仅是安于现状，更是对自我和他人的尊重，以及对于内心平静和真正幸福的追求。我们应该理解和尊重这种生活态度，它为我们带来了一种与众不同的生活方式和价值观，提醒我们不要被外界的诱惑和压力所束缚，真正寻找内心的宁静和快乐。

Fuwari & Mizuki 博客模板简易使用指南

Thu, 30 Jan 2025 00:00:00 GMT

封面图片来源：来源

本博客模板基于 Astro 构建。本指南中未提及的内容，你可前往 Astro 官方文档查阅答案。

文章前置元数据说明#

1
---
2
title: 我的第一篇博客文章
3
published: 2025-01-31
4
description: 这是我新搭建的 Astro 博客的第一篇文章
5
image: ./cover.jpg
6
tags: [分享, 示例标签2]
7
category: qgxs
8
draft: false
9
---

1
---
2
title: 111
3
published: 2025-01-31
4
description: 111
5
tags: ["分享"]
6
category: qgxs
7
draft: false
8
---

配置项	说明
`title`	文章标题
`published`	文章发布日期
`description`	文章简短描述，将在博客首页展示
`image`	文章封面图片路径 1. 以 `http://` 或 `https://` 开头：使用网络图片 2. 以 `/` 开头：引用 `public` 目录下的本地图片 3. 无上述前缀：引用与当前 Markdown 文件同级目录的图片
`tags`	文章标签
`category`	文章分类
`draft`	文章草稿标识，设为 true 时该文章将不会在博客中展示

文章文件的存放位置#

文章文件需存放至 src/content/posts/ 目录下。你也可创建子目录，更规范地管理文章及相关资源文件。

1
src/content/posts/
2
├── post-1.md
3
└── post-2/
4
    ├── cover.png
5
    └── index.md

常用分类与标签推荐#

配置示例#

配置参考：

1
---
2
title: Astro博客搭建全流程教程
3
published: 2024-01-15
4
description: 从零开始搭建基于Astro框架的Fuwari博客，包含配置、部署与优化技巧
5
image: ./astro-cover.png
6
tags: [技术, 代码, 教程, 工具, 效率]
7
category: 技术
8
draft: false
9
---

Mizuki#

置顶文章功能 pinned 字段允许您将重要文章置顶到博客列表的顶部。置顶文章将始终显示在普通文章之前，无论其发布日期如何。

使用方法：

1
pinned: true  # 将此文章置顶
2
pinned: false # 普通文章（默认）

排序规则：

置顶文章优先显示，按发布日期排序（最新在前）普通文章随后显示，按发布日期排序（最新在前）文章级评论控制 comment 字段允许您单独控制每篇文章评论区的开启与关闭。

使用方法：

1
comment: true  # 启用评论（默认）
2
comment: false # 禁用评论

特色页面配置

追番页面：在 src/pages/anime.astro 中编辑动画列表

友链页面：在 src/content/spec/friends.md 中编辑朋友数据

日记页面：在 src/pages/diary.astro 中编辑动态

关于页面：在 src/content/spec/about.md 中编辑内容

关于本站

Wed, 29 Jan 2025 00:00:00 GMT

🌟 关于本站 | About This Blog

我的邮箱：crqgxs@qq.com 或 1044192982@qq.com

大家好！我是一名在校学生，自初中起便热衷于在网络世界里探索未知，这份对互联网的好奇与热爱，多年来从未消减。同时，我也是一名怀揣光影梦却受限于预算的“穷学生”——正是这份对摄影的执着，叠加对个人表达与成长记录的渴望，最终让我与博客结下了不解之缘。

偶然在 B 站刷到博客相关内容时，那些简约美观的界面设计与自由纯粹的记录属性，瞬间击中了我。尽管并非计算机科班出身，缺乏系统的专业知识储备，但凭借 B 站上丰富的博客搭建教程、美化指南，再加上一点点摸索与运气，我竟真的一步步搭建起了属于自己的网络小天地，而如今，这个小天地已经迭代到了 Astro + Fuwari 版本。

由于学识有限，且学业繁忙，本站难免存在诸多不足，衷心感谢每一位访客的包容与理解，也期待能与各位同好交流共进。

📜 博客演进 | Blog Evolution

2024年：初遇 Typecho，开启博客启蒙#

我的第一版博客采用 Typecho 框架，至今仍偏爱它极致简洁的核心特质——如同一位气质清雅的佳人，无需繁复装饰，便足以动人。

主题：Typecho 版 Butterfly（简洁优雅，颜值与实用性兼备，满足初期所有记录与展示需求）
主机：小兔云互联（性价比超高的良心服务商，助力博客顺利落地，免去初期复杂的部署成本）
域名：crqgxs.cn（火山云引擎提供，首年 6 元、续费 38 元的 CN 域名，性价比拉满，是个人博客的入门优选）

2025年：进阶静态博客，邂逅 Astro + Mizuki#

在B 站闲逛时，Astro 框架搭配 Mizuki 主题的极简静态博客方案让我眼前一亮，随即决定开启博客的全新旅程。如今博客托管于 GitHub，并通过 Cloudflare 构建与加速，不仅加载速度与稳定性远超预期，更惊喜的是能在 GitHub APP 上随时编辑、提交内容，记录灵感的效率拉满，创作体验直接升级！

框架与主题：Astro + Mizuki（轻量高效，静态生成兼顾速度与美观，极简风格适配个人记录需求）
构建与托管：GitHub + Cloudflare（免费开源托管，Cloudflare 全球节点加速，兼顾稳定性与访问体验，零成本实现优质部署）
域名：20210701.xyz（Name 平台购入，年付仅 7.31 元）
特殊意义：域名中的日期恰逢中国共产党成立 100 周年，因此在根域名（20210701.xyz）设置了纪念单页，与博客（www.20210701.xyz）一同托管于 Cloudflare。

📝 内容规范 | Content Guidelines

原创与转载说明#

本站核心内容为原创随笔、生活记录与技术心得（尤其是静态博客相关的搭建与优化），同时也会分享优质转载内容——转载旨在传递更多有价值的信息，所有转载文章均会明确标注原始出处、作者及来源链接，尊重每一位创作者的劳动成果；
若您是转载内容的原作者，不希望文章在本站展示，或需调整标注信息，请随时通过邮箱联系我，我将第一时间配合处理：crqgxs@qq.com；
如需转载本站原创文章，需满足以下条件：
- 明确标注文章来源（博客域名: blog.20210701.xyz）及作者；
- 不得对原文进行修改、删减或歪曲原意；
- 非商业用途转载无需额外申请，但建议通过邮箱告知，便于相互交流、共同进步。

分享初衷#

搭建博客的核心初衷，除了记录个人成长、沉淀学习心得（尤其是 Astro、Fuwari、Mizuki相关的技术积累），更希望能成为一个开放的交流窗口——无论是原创思考的碰撞，还是优质内容的共享，亦或是静态博客搭建的经验交流，都期待能与各位访客建立真诚的连接。

如果您觉得某篇文章有价值，欢迎自由分享给更多需要的人，也欢迎在评论区留下您的见解与反馈～

🌱 未来寄语 | Future Wishes

愿这个基于 Astro + Mizuki 搭建的小小博客，能成为我记录岁月、沉淀思考、积累技术的一方天地，也能成为连接同好、共享美好的小小桥梁，陪伴我走过一段段难忘的春秋。

也衷心祝愿每一位访客：生活顺遂，万事胜意，在自己的热爱里闪闪发光 ✨！