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

相关推荐
狼性书生几秒前
uniapp+vue3实现的简单吐司通知弹窗组件
前端·uni-app·vue·组件·插件
克里斯蒂亚诺更新4 分钟前
使用elementUI的表格报错ResizeObserver loop completed with undelivered notifications.
前端·javascript·elementui
陈随易4 分钟前
Vue-Router v5内置文件式路由,告别手写维护的恐惧
前端·后端·程序员
C_心欲无痕12 分钟前
移动端 B 站弹幕功能实现
前端·javascript
Amumu1213813 分钟前
Redux介绍(二)
前端·react.js
菜鸟很沉14 分钟前
Vue 3 组件双向绑定完全指南:update:modelValue 与 defineModel
前端·javascript·vue.js
C_心欲无痕21 分钟前
使用 FNM (Fast Node Manager) 管理多个 Node.js 版本
前端·node.js
爬山算法24 分钟前
Hibernate(44)Hibernate中的fetch join是什么?
前端·python·hibernate
天天天天学习丶25 分钟前
Nginx 域名解析后默认打开其他项目问题解决方案
nginx
l1t27 分钟前
在arm64 Linux系统上编译tdoku-lib的问题和解决
linux·运维·服务器·c语言·cmake