543 字
3 分钟
利用Azure和Cloudflare建站
利用Azure和Cloudflare建站
核心架构:Cloudflare (域名/仅DNS) + Azure 学生免费机 (Ubuntu) + Nginx (Web服务) 适用场景:部署纯静态网页(如 Astro, Vue, React 打包生成的
dist目录)
一、 前期准备:域名与服务器
1. 注册低价域名 Cloudflare
-
选购:寻找 6-9 位纯数字
.xyz域名,成本极低(约 $0.85/年)。 -
购买限制:Cloudflare 不能一次性买 10 年,需先买 1 年,手动续费 8 年,等待 24 小时后再续费 1 年。
-
注册人信息:必须填写真实拼音地址,地址行不能纯数字。
2. 申请 Azure 学生免费服务器
-
入口:Azure for Students 官网,使用学校邮箱验证,不需要信用卡。
-
额度:包含 $100 体验金(有效期12个月) + 免费服务列表。
-
配置选择(至关重要):
-
区域:推荐
Japan East或Korea Central(国内访问延迟低)。 -
映像:
Ubuntu Server 24.04 LTS - x64 Gen2。 -
大小:必须选
Standard_B2ats_v2或Standard_B2ts_v2(避开收费规格)。 -
身份验证:推荐设置 SSH 公钥或强密码(如用户名
liguolong)。 -
磁盘:默认 64GB P6(在免费额度内)。
-
公网 IP:标准 SKU 动态 IP(后续会有微小扣费)。

-
二、 网络与端口配置
1. Azure 网络安全组 (NSG) 放行端口
在 Azure 门户 -> 虚拟机 -> 网络 -> 添加入站端口规则:
- 规则 1:端口
80,协议TCP,操作允许,优先级310(HTTP)。 - 规则 2:端口
443,协议TCP,操作允许,优先级320(HTTPS,可选)。 - SSH端口:默认
22已开放。

2. Cloudflare DNS 解析
- 类型:
A - 名称:
@(代表根域名,不要填完整域名) - IPv4 地址:Azure 的公网 IP
- 代理状态:仅 DNS(灰色云朵)。如果不配 SSL 证书,千万别开橙色云朵,否则会无限重定向。

三、 服务器初始化与 Nginx 部署
1. 安装 Nginx
sudo apt install nginx -y# 此时访问 http://你的域名 或 http://你的IP,应能看到 "Welcome to nginx!"2.部署前端静态项目
- 服务器文件位置:必须将打包后的文件放到
/var/www/html/website/目录下。 - Nginx 路径重写:在
/etc/nginx/sites-available/default中修改:
location / { root /var/www/html; try_files /website$uri /website/index.html =404;}location /website/ { alias /var/www/html/website/; index index.html;} 利用Azure和Cloudflare建站
https://tuoyuangui.github.io/website/posts/typora/网络建站/利用azure和cloudflare建站/