从零开始的网页学习

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

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

↓ 向下滚动

全球巨头系列

🏭

制造业 · 工业

全球制造业全景——综合工业巨头、工程机械、自动化与机器人、航空国防、电动工具。

阅读全文 →

💻

科技 · 互联网

AI时代的全球科技巨头——英伟达、苹果、谷歌、微软、台积电。半导体、云计算、AI模型全解析。

阅读全文 →

📦

电商 · 零售

亚马逊vs沃尔玛双雄争霸、全球电商巨头、会员制仓储Costco/山姆、中国电商三巨头、SHEIN/Temu跨境电商席卷全球。

阅读全文 →

💳

金融 · 银行 · 保险

全球银行排名、华尔街投行五巨头、保险帝国(联合健康/安联/伯克希尔)、Visa/Mastercard支付双寡头、BlackRock $14万亿资管帝国、金融科技与央行。

阅读全文 →

能源 · 矿业

全球油气巨头(沙特阿美 $1.7万亿、埃克森美孚、壳牌)、矿业巨擘(必和必拓、力拓、紫金矿业)、煤炭与新能源转型全景。

阅读全文 →

🍔

消费品牌

食品饮料(可口可乐、茅台、百事、雀巢)、日化个护(宝洁、欧莱雅、联合利华)、时尚奢侈品(LVMH、爱马仕)、烟草酒水、零售餐饮全景。

阅读全文 →

🧪

材料 · 化工

基础化工(巴斯夫、万华化学、陶氏)、工业气体(林德$2110亿)、钢铁(宝武1.3亿吨)、有色金属(必和必拓、紫金矿业)、新材料与半导体材料全景。

阅读全文 →

🚢

物流 · 航运

快递巨头(UPS、FedEx、DHL、顺丰)、集装箱航运(马士基、中远、赫伯罗特)、铁路货运(联合太平洋$1520亿)、航空货运与综合物流全景。

阅读全文 →

建站学习笔记

🌐 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 技巧。目标是做出动态交互的页面,并为公司站部署完整的运维方案。