从零开始的网页学习

🏗️ 新手建站 🐧 Linux 🔐 HTTPS 🌐 运维入门

一台云服务器 · 一个域名 · 从 0 到 1
记录将 top8888.top 部署上线的完整历程

↓ 向下滚动

建站学习笔记

🌐 1. DNS 解析 — 让域名找到服务器

购买了域名 top8888.top 之后,需要在域名管理面板添加 DNS 记录,将域名指向云服务器的公网 IP。

📌 DNS 传播通常需要几分钟到几小时,可以用 dig +trace top8888.top 检查解析状态。

🐧 2. Nginx — 让服务器知道该响应什么

在 Ubuntu 云服务器上安装并配置 Nginx:

# 安装
sudo apt update && sudo apt install nginx -y

# 创建站点目录
sudo mkdir -p /var/www/top8888-personal

# 配置站点(/etc/nginx/sites-available/top8888)
server {
    listen 80;
    server_name top8888.top www.top8888.top;
    root /var/www/top8888-personal;
    index index.html;
}

# 启用站点
sudo ln -s /etc/nginx/sites-available/top8888 /etc/nginx/sites-enabled/
sudo nginx -t && sudo systemctl reload nginx

🌱 此时可以通过 http://top8888.top 访问到页面了。

🔐 3. SSL 证书 — 给网站加上 HTTPS

使用 Certbot / acme.sh 自动申请 Let's Encrypt 免费证书:

# 安装 Certbot
sudo apt install certbot python3-certbot-nginx -y

# 自动获取证书并配置 Nginx
sudo certbot --nginx -d top8888.top -d www.top8888.top

# 验证自动续期
sudo certbot renew --dry-run

✅ 完成后访问 https://top8888.top,地址栏出现小锁图标。

当前技能

HTML 结构50%
CSS 样式35%
Nginx 配置55%
Linux 运维40%

项目

🖥️

个人站

你正在看的这个页面。从 0 开始写 HTML/CSS,部署到云服务器上。

🏢

公司站

为公司搭建的品牌官网 → vzhan.vip

🔒

SSL 部署

用 Certbot + Let's Encrypt 为多个站点配置 HTTPS 自动续期。

📜

JS 学习目标

计划学习 JavaScript 基础,写一些交互组件和页面动效。

学习历程

2026-05 · 第 1 周

购买云服务器 & 域名

选了一台 2C2G 的 ECS,注册了 top8888.top 域名。SSH 连上去的那一刻,感觉打开了新世界。

2026-05 · 第 2 周

Nginx 配置 & 页面上线

照着教程配置了 Nginx 站点,用 curl 看到返回的 HTML 时激动了半天。虽然只是 Hello World。

2026-06 · 第 3 周

HTTPS + 美化页面

配置 SSL 证书,浏览器出现小锁。开始学习 CSS 布局和配色,把页面从白底黑字变成现在这样。

2026-06 · 现在

持续学习中

在学 JavaScript 和更多 Nginx 技巧。目标是做出动态交互的页面,并为公司站部署完整的运维方案。