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

相关推荐
w_y_fan26 分钟前
Flutter 滚动组件总结
前端·flutter
wuli金居哇29 分钟前
我用 Turborepo 搭了个 Monorepo 脚手架,开发体验直接起飞!
前端
Asort31 分钟前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript
一枚前端小能手33 分钟前
🚀 缓存用错了网站更慢?前端缓存策略的5个致命误区
前端·javascript
艾小码34 分钟前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js
艾小码34 分钟前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js
南雨北斗36 分钟前
VS Code 中手动和直接运行TS代码
前端
小高00737 分钟前
🔍说说对React的理解?有哪些特性?
前端·javascript·react.js
Samsong38 分钟前
JavaScript逆向之反制无限debugger陷阱
前端·javascript