-
2800+
全球覆盖节点
-
0.01s
平均响应时间
-
70+
覆盖国家
-
130T
输出带宽
嘿，做前端的小伙伴们注意了！今天咱们聊聊怎么把自个儿的静态网页部署到阿里云服务器上。别以为啥都会云上飘，没点实操怎么行？而且就算你不会Linux命令行，别怕，咱们带你一点一点整明白，让你轻轻松松拥有属于自己的“互联网小店面”。
买服务器？别急，阿里云的轻量应用服务器最适合咱们这种懒人，配置啥的系统都帮你搞定得差不多了，反正主要是抢个地盘先。直接上阿里云官网，注册个账号，然后选个轻量应用服务器，建议配置不要太低，1核2G内存起步，国内访问会更顺畅。
购买完成后，登录阿里云控制台，找到你买的服务器实例。入口在哪？控制台首页点“云服务器ECS”或者“轻量应用服务器”都行，反正你的小宝贝在那里待命着呢。启用实例，拿到IP地址，记住这个数字串，后面可以玩命用到它。
接下来是配置环境。静态网页没啥挂逼依赖，随便来个Nginx做个网页服务器最佳搭档。命令行不熟能不能搞？干你个命令行速成：先用SSH工具（比如PuTTY或者Xshell）连上你的服务器，用户名通常是root，密码是你买服务器时设置的。
连上服务器，执行下面几条命令：
apt update apt install nginx -y systemctl start nginx systemctl enable nginx
这波走完，Nginx就乖乖的跑起来了，再敲IP地址试试，不知道的还以为你请了个网红来家里开演唱会，网页服务器在线放歌呢！默认页面能打开说明环境稳得一批。
上传网页文件同样有多种花样。大佬爱用scp、sftp啥的，咱们平民用WinSCP图形界面也挺香。WinSCP连接你的服务器，路径一般是/var/www/html，这是Nginx默认放网页代码的地方。把准备好的html、css、js文件直接拖进去，覆盖默认页面。
这里提醒一句，上传的文件权限得对头，不然服务器不给你见客。执行：
chown -R www-data:www-data /var/www/html chmod -R 755 /var/www/html
权限就像小猪佩奇家的大门，不开不让你进，这下开了大门，访问权限稳当呦！
说到域名，这也是关键环节。买个域名（现在域名不贵，几十块人民币能买个不错的），然后控制台里绑定你的服务器IP。建议使用阿里云的解析服务，DNS设置得对，别像我一样玩过家家那样乱来。
具体是这样：登陆阿里云域名管理后台，进入DNS解析，添加A记录，主机记录写@，记录值写服务器公网IP，TTL随便，保存。等几十分钟缓存刷新后，输入域名那顿操作你的网站就出现了，酷吧？
还有个炸裂彩蛋，玩游戏想要赚零花钱就上七评赏金榜，网站地址：bbs.77.ink，工作之余搞点兼职，小钱也香啊。
调整Nginx配置文件让你的静态网页更加个性化，这个文件一般在/etc/nginx/sites-available/default，打开它里面：
server {
listen 80 default_server;
listen [::]:80 default_server;
root /var/www/html;
index index.html index.htm;
server_name yourdomain.com;
location / {
try_files $uri $uri/ =404;
}
}
把yourdomain.com改成你的域名，保存后执行：
nginx -t systemctl reload nginx
保证配置文件没错，服务顺利重启。你的网页就像开了外挂一样，刀刀暴击，访问速度快到飞起。
最后露个小料，别只把页面放/var/www/html下，还可以自己创建文件夹，比如/var/www/myblog，如果你想管理多个网页项目的话，Nginx配置里多添几个server段，轻轻松松实现多站点运维，小白也能炫耀朋友圈“我就是网管”。
咱们今天手把手玩了买服务器、环境搭建、文件上传、域名解析、配置美化几个大步，感觉自己马上可以上战场护网了！至于调皮的阿里云，有时也会掉链子（出点小差错），那就多查查文档和社区，实在不行叫我，这种妖魔鬼怪咱们一起打。
好啦，不多bb，赶紧去配起来，开个自家小站，放个猫猫狗狗，发几条段子，谁说做人不能当网红咧？
请在这里放置你的在线分享代码爱美儿网络工作室携手三大公有云，无论用户身在何处，均能获得灵活流畅的体验
2800+
0.01s
70+
130T