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

相关推荐
爱学习的程序媛2 分钟前
【Web前端】Vue2与Vue3核心概览与优化对比
前端·javascript·vue.js·typescript
li@h16 分钟前
如何在电脑端访问小程序时在胶囊添加一个全屏和缩放功能
前端
HealthScience38 分钟前
vscode怎么连接远程服务器/无密码(使用秘钥)登录
服务器·ide·vscode
LFly_ice1 小时前
学习React-23-React-router
前端·学习·react.js
我叫张小白。1 小时前
TypeScript对象类型与接口:构建复杂数据结构
前端·javascript·typescript
墨客希2 小时前
如何快速掌握大型Vue项目
前端·javascript·vue.js
终端行者2 小时前
Nginx 配置Websocket代理 Nginx 代理 Websocket
运维·websocket·nginx
大福ya2 小时前
AI开源项目改造NextChat(ChatGPT-Next-Web)实现前端SSR改造打造一个初始框架
前端·chatgpt·前端框架·开源·aigc·reactjs·ai编程
n***33352 小时前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
是小胡嘛2 小时前
华为云CentOS系统中运行http服务器无响应
linux·服务器·c++·http·centos·华为云