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站点建立成功

相关推荐
咖啡の猫1 小时前
Vue收集表单数据
前端·javascript·vue.js
半夏知半秋1 小时前
游戏登录方案中常见的设计模式整理
服务器·开发语言·笔记·学习·游戏·设计模式·lua
知识分享小能手1 小时前
uni-app 入门学习教程,从入门到精通, uni-app常用API的详细语法知识点(上)(5)
前端·javascript·vue.js·学习·微信小程序·小程序·uni-app
林恒smileZAZ1 小时前
CSS3 超实用属性:pointer-events (可穿透图层的鼠标事件)
前端·计算机外设·css3
云中雾丽2 小时前
flutter中 NotificationListener 详细使用指南
前端
大杯咖啡2 小时前
一篇文章搞懂,浏览器强缓存以及协商缓存
前端·javascript
王六岁2 小时前
# 🐍 前端开发 0 基础学 Python 入门指南: Python 元组和映射类型深入指南
前端·javascript·python
_志哥_2 小时前
多行文本超出,中间显示省略号的终极方法(适配多语言)
前端·javascript·vue.js
王六岁2 小时前
# 🐍 前端开发 0 基础学 Python 入门指南:常用的数据类型和列表
前端·javascript·python
1_2_3_2 小时前
神级JS API,谁用谁好用
前端·javascript