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 年。

  • 注册人信息:必须填写真实拼音地址,地址行不能纯数字。

image-202611051650302512. 申请 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(后续会有微小扣费)。

      image-20261105165356690


二、 网络与端口配置#

1. Azure 网络安全组 (NSG) 放行端口#

在 Azure 门户 -> 虚拟机 -> 网络 -> 添加入站端口规则:

  • 规则 1:端口 80,协议 TCP,操作 允许,优先级 310(HTTP)。
  • 规则 2:端口 443,协议 TCP,操作 允许,优先级 320(HTTPS,可选)。
  • SSH端口:默认 22 已开放。

image-20261105164840477

2. Cloudflare DNS 解析#

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

image-20261105165543812

三、 服务器初始化与 Nginx 部署#

1. 安装 Nginx#

Terminal window
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建站/
作者
椭圆规/tuoyuangui
发布于
2026-11-05
许可协议
CC BY-NC-SA 4.0