nginx搭建静态服务器
如何将自己写的前端静态页面部署到自己服务器
一、购买属于自己的服务器和域名
1、百度搜索腾讯云或者阿里云,对于新人来说一般都有很大优惠的,活动一直都有,新人还有免费试用的。
下面以腾讯云为例,选择云服务器和域名,选择购买。反正就是买这两个(域名可以选择购买,反正也不贵),直接买会云服务器比较贵,但是活动一直都有,优惠力度很大,能白嫖就白嫖。
二、连接自己服务器
1、下载xshell6和Xftp 6
我在这也提供下载链接,如果失效了,可以直接去百度上搜索,下载很方便的。
百度网盘:https://pan.baidu.com/s/1z1Yz5YWCSx2yazhjmhltYQ
提取码:oi37
2、购买后会给你IP地址和密码,没有密码自己直接改一下就行了
3、登录时候输入IP,公网IP,密码后就可以链接自己服务器了
4、链接成功
三、安装yum, yum是Linux系统的安装必备神器,简直不要太方便。但是新系统一般是不自带yum工具的,所以需要手动安装一下。
1. 新建一个目录用来保存yum安装包
mkdir install
2. 进入文件夹并输入命令
wget http://yum.baseurl.org/download/3.2/yum-3.2.28.tar.gz
3. 解压
tar -xvf yum-3.2.28.tar.gz
重点:解压后先不着急安装,手动创建一个yum的conf文件
touch /etc/yum.conf
4. 进入yum目录,脚本安装
cd yum-3.2.28
./yummain.py install yum
期间会提示安装新版本,y回车即可
5.安装成功!
四、安装nginx
1.在 CentOS 上,可直接使用 yum 来安装 Nginx
yum install nginx -y
安装完成后,使用 nginx 命令启动 Nginx:
2.nginx
此时,访问 公网ip 可以看到 Nginx 的测试页面, 下图:
如果无法访问,请重试用 nginx -s reload 命令重启 Nginx
五、 配置静态服务器访问路径
1.外网用户访问服务器的 Web 服务由 Nginx 提供,Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。
打开 Nginx 的默认配置文件 /etc/nginx/nginx.conf ,这里可以用xftp-6打开,右键选择记事本打开
2.修改 Nginx 配置,将默认的 root /usr/share/nginx/html; 修改为: root /data/www;,如下:
记得保存一下!!!
六、部署自己的网页
1、把自己写的HTML文件拖到data/www文件下就可以了,HTML主页名称是index,这样输入公网IP就可以直接访问自己的网页了
2、IP记不住太麻烦,之前说选择购买一个域名
可以直接在腾讯网上解析到自己服务器,这样就可以输入域名直接访问了
解析输入公网IP就行了,腾讯,阿里云官网都很人性化,都会默认帮你填好,教你怎么填
3、体验一下
输入自己的域名,浏览自己写的网页,我这个写的是移动端上的网页,想让自己网页变得华丽一些?网上一堆模板,直接套用就行了
结语:创作不易,麻烦收藏和关注一下!!&( ^___^ )
(即是对作者的支持,也方便自己以后查找,感谢收藏和关注)
以后也会持续更新工作学习中的技术、经验