有没有从购买服务器开始的?想知道同学花了多久到这节。
博主六年前第一次购买服务器到创建一个静态网站足足花了一整天!
视频讲解
因为对于服务器新手配置可能过于宽泛与繁琐,录制了视频作为参考。
固定平台代理
因各平台分配的域名能解析若干IP,需要引入中间层做SNI回源固定。
举例代理是 Vercel 平台的 thatcoder.vercel.app, 固定到 127.0.0.1:881 下面,这样就不会出现域名解析错误。
- 进入面板网站菜单,点击“创建网站”;
- 类型选择“反向代理”;
- 域名填写 127.0.0.1 端口填写 881;
- 反向代理域名为
thatcoder.vercel.app
; - 反向代理类型选
https
- 进入 127.0.0.1:881 的配置页面,选择 “反向代理” 点击编辑
- 后端域名:
thatcoder.vercel.app
; - 回源SNI开启
- proxy_ssl_name:
thatcoder.vercel.app
;
- 后端域名:
- 其它平台如法炮制,注意127.0.0.1后面的端口需要依次往后加。
- 最后大概是这个样子:
- 127.0.0.1:881 -> vercel
- 127.0.0.1:882 -> netlify
- 127.0.0.1:883 -> cloudflare
创建网站
假设你博客准备用域名
blog.example.com
将博客域名 A 记录解析至你的公网 IP,例如将
blog.example.com
指向{ip}
;为确保服务器配置无误,可先创建一个测试站点进行初步验证:
- 进入面板网站菜单,点击“创建网站”;
- 类型选择“静态网站”;
- 填写反向代理域名为
blog.example.com
; - 创建完成后尝试访问该地址,若显示恭喜信息,说明网络与解析均已生效。
删除测试站点,开始创建用于反向代理的正式站点:
- 类型选择“反向代理”;
- 域名填写
blog.example.com
; - 暂以
blog.thatcoder.cn
作为代理地址,以防页面报错;
配置负载均衡
- 在面板中选择“负载均衡”模块,点击“创建”;
- 填写以下参数:
- 名称:blog (后续反向代理中使用的名称)
- 算法:建议选择 IP Hash,测试中稳定性良好;
- 地址:
127.0.0.1:881
- 权重:控制访问分配比例,默认为 1,可根据平台稳定性酌情调整;
- 最大失败次数:若节点连续失败 N 次,则切换至其他节点;
- 最大连接数:设为 1000 足矣,后续可按需调节。
- 如法炮制,添加更多固定下来的127节点,根据平台稳定性调整权重。
代码大概长这样
1 |
|
添加上游映射
我们是127本地固定的,http请求也安全,可以不设置 SNI 与 Host 映射,但可以设置响应体看看映射的平台情况。
- 切换到配置文件,在负载均衡页面靠近上方有菜单 “基本”、”日志”、”配置文件”
- 在最上方添加如下配置(按你的平台域名调整)
1 |
|
开启SSL
开启 HTTPS 是反向代理 HTTPS 流量的前提,建议部署前一并配置
- 进入“网站”模块下的“证书”菜单;
- 配置 DNS 提供商的 API 信息与 ACME 账户(用于自动申请证书);
- 申请证书
- 填写主域名为
blog.example.com
- ✅自动续签
- ✅跳过DNS校验,因为非常耗时
- 填写主域名为
- 回到网站配置页
- HTTPS
- 启动HTTPS
- Acme账号:刚刚的
- 证书选择:选择刚刚申请的证书
修改反向代理
- 回到网站配置,进入“基本设置”中的“反向代理”模块;
- 点击源文进行编辑,因为很多配置是面板不支持填写的。
- 修改如下代码,根据你的平台域名去设置,保持格式一致(按照教程的话不用修改)
1 |
|
测试
经实测,Vercel、Netlify、CF 等平台可正常代理,GitHub Pages 在某些路径下可能返回 404,疑因 Host 校验机制较为严格,暂未深入研究。
- 使用无痕模式(Ctrl + Shift + N)打开浏览器,防止缓存干扰;
- 使用在线测速工具测试全网访问情况,观察是否存在非 200 状态响应;
- 如有额外问题或平台兼容性疑问,欢迎在评论区提出。
HEADER 头测试
1 |
|

网站测速


站长测试
如果有注册 Bing、Google、Baidu 等站长可以测试网站地图抓取扫描等是否正常