nginx 新建一个 PC web 站点

注意:进行实例之前必须完成nginx的源码编译。(阅读往期文章完成步骤)

1.编辑nginx的配置文件,修改内容

root@localhost \~\]# vim /usr/local/nginx/conf/nginx.conf ![](https://i-blog.csdnimg.cn/direct/39002c8e540c45aabf2f16773a36b0c5.png) ![](https://i-blog.csdnimg.cn/direct/10659b2ca0e04c0ea4801da2d22b3d6f.png) ### 2.创建新目录/usr/local/nginx/conf.d/,编辑新文件vhost.conf \[root@localhost \~\]# mkdir -p /usr/local/nginx/conf.d/ \[root@localhost \~\]# vim /usr/local/nginx/conf.d/vhost.conf server { listen 80; server_name www.timinglee.org; root /data/web/html; index index.html; } ![](https://i-blog.csdnimg.cn/direct/b2ec85c8875c4679b5fbbd419a1f3d64.png) \[root@localhost \~\]# vim \~/.vimrc set ts=4 ai sw=4 ### 3.创建网站目录 \[root@localhost \~\]# mkdir -p /data/web/html 将内容输入到网站目录里面 \[root@localhost \~\]# echo \> /data/web/html/index.html 程序启动 \[root@localhost \~\]# nginx -t \[root@localhost \~\]# nginx -s reload ### 4.桌面开启解析,在C盘找到到文件 ![](https://i-blog.csdnimg.cn/direct/09beba37fb4d48cca2c4295939b64430.png) 左键属性编辑权限 ![](https://i-blog.csdnimg.cn/direct/7e8f0e7dc35b4ac6a55af2b72d8d8f5b.png) ![](https://i-blog.csdnimg.cn/direct/e04b9489f3f942d5a2bf61387de9de49.png) 打开hosts文件,编辑内容。172.25.254.100为虚拟机IP地址 ![](https://i-blog.csdnimg.cn/direct/b5e0d26c5c2a4842aacbc32e1234d09c.png) ### 5.浏览器进行访问网站 输入网站www.timinglee.org进行访问 www.timinglee.org ![](https://i-blog.csdnimg.cn/direct/af99a35603d14f53a94a8ac6d186020c.png) 浏览器web站点建立成功

相关推荐
Rsun045512 分钟前
React相关面试题
前端·react.js·前端框架
鹏多多.26 分钟前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
网硕互联的小客服27 分钟前
服务器防火墙是如何区分正常流量和攻击流量?
运维·服务器·网络
安当加密35 分钟前
基于 RADIUS 的 Linux 服务器双因子认证:从 FreeRADIUS 到轻量级 ASP 方案的演进
linux·运维·服务器
LawrenceLan39 分钟前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart
迪巴拉15251 小时前
基于Vue与Spring Boot+Open Cv的智慧校园考勤系统
前端·vue.js·spring boot
swipe1 小时前
JavaScript 对象与属性描述符:从原理到实战
前端·javascript·面试
&活在当下&1 小时前
Vue3 h函数用法详解
前端·javascript·vue.js