用ngnix写一个简单的网页

最新推荐文章于 2024-01-19 20:43:21 发布
原创 最新推荐文章于 2024-01-19 20:43:21 发布 · 225 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文指导如何安装Nginx并配置服务器，包括设置域名指向本机、创建目录结构和建立服务。通过指定IP地址访问，实现网页的初步展示。

目录

安装ngnix

  • 执行安装命令

在这里插入图片描述

  • 安装完成，检查nginx服务状态
    在这里插入图片描述
  • 检查nginx版本在这里插入图片描述
  • 查看Ubuntu图ip地址ifconfig在这里插入图片描述
  • 打开Firefox，输入该ip就能进入nginx的访问界面。在这里插入图片描述

配置服务器

1.域名指向本机

  • 执行命令：sudo nano /etc/hosts，然后添加域名127.0.0.1 ubuntuwb.com www.ubuntuwb.com
    在这里插入图片描述

  • 保存后，重启networking
    在这里插入图片描述

2.创建目录结构

  • 为ubuntuwb.com创建根目录： sudo mkdir -p /var/www/ubuntuwb.com/public_html在这里插入图片描述

  • 安装rar,用于压缩文件：sudo apt install rar在这里插入图片描述

  • 安装完成后，进到域的根目录下

cd /var/www/ubuntuwb.com/public_html
ls

在这里插入图片描述

  • 创建一个1.txt文件并用rar压缩
sudo gedit 1.txt
sudo rar a 1.rar 1.txt

在这里插入图片描述

同目录下创建一个index.html文件,保存退出：在这里插入图片描述

3.创建服务

  • 创建基本配置文件：sudo nano /etc/nginx/nginx/sites-available/ubuntuwb.com
    在这里插入图片描述
zero01_
关注
利用Nginx在服务器上部署你的第一个静态页面
vV_Leon的博客
11-27 2366
一文带你利用Nginx在服务器上部署第一个静态页面
nginx-web的应用-------静态页面编写，虚拟主机配置，状态模块，web location和web rewrite
PEABRAIND的博客
06-09 686
静态页面的编写 先进行原有的网页备份 mv index.html{,.bak} 修改html文件 html文件在/usr/local/nginx/html这个路径下 vim index.html <html> <meta charset="utf-8"> <head> <title>TEST Site</title> </head> <body> 测试页面 <table border=
NGINX简单应用
weixin_41590010的博客
08-03 320
Windows下Nginx+Tomcat整合的安装与配置 相信很多人都听过nginx，这个小巧的东西慢慢地在吞食apache和IIS的份额。那究竟它有什么作用呢？可能很多人未必了解。 说到反向代理，可能很多人都听说，但具体什么是反向代理，很多人估计就不清楚了。 Html代码 反向代理（Reverse Proxy）方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部...
Nginx的网页优化（版本号，缓存，进程连接数，日志分隔）及防盗链
weixin_53567573的博客
04-01 503
Nginx的网页优化及防盗链一、隐藏版本号 一、隐藏版本号 可以使用 Fiddler 工具抓取数据包，查看 Nginx版本，也可以在 CentOS 中使用命令 curl -I http://192.168.71.20 显示响应报文首部信息。 curl -I http://192.168.71.20 ...
用nginx制作一个网页
weixin_43281232的博客
12-05 591
用nginx制作一个网页实验要求实验步骤总结 实验要求 （采用html、或CSS、或Javascript等）完成一个静态网页，比如制作一个简单的个人介绍网页，至少包含一张图片、一个二级网页跳转链接和一个文件下载链接；将制作的网页资料上传至Ubuntu系统，用ngnix完成一个简单web网站。 实验步骤 下载安装nginx，然后检查nginx服务状态 域名指向本机 创建目录结构 创建服务 测试配置 总结 电脑犯病，弄不起 ...
精选资源
windows下nginx配置https以及同一个端口监听多个网站即监听多个虚拟主机
03-13
Nginx是一个高性能的HTTP和反向代理服务器，以其稳定性、高并发处理能力而受到广泛使用。下面将详细阐述如何进行这项配置。 首先，了解HTTPS协议。HTTPS是HTTP（超文本传输协议）的安全版本，它通过SSL/TLS协议加密...
精选资源
简单编写html文件加载nginx发布的视频，实现在线播放nginx发布的视频
08-14
通过这种方式，你可以创建一个简单的在线视频学习平台，用户可以通过浏览器方便地查看和学习本地视频，无需手动逐个打开文件。结合Nginx的高效服务和HTML5的多媒体支持，这个解决方案既实用又易于实施。
nginx部署一个简单的网页
最新发布
06-29
在 Nginx 上部署一个简单的静态网页，可以通过修改 Nginx 的配置文件来实现。以下是详细的步骤： ### 配置 Nginx 以部署静态网页 1. **准备网页文件** 将你的静态网页文件（如 HTML、CSS、JavaScript 文件）放置...
运用Nginx搭建一个简单的个人网站
热门推荐
CHL的博客
12-05 1万+
目录一、目的二、完成步骤1.安装nginx 一、目的 尽你所学（采用html、或CSS、或Javascript等）完成一个静态网页，比如制作一个简单的个人介绍网页，至少包含一张图片、一个二级网页跳转链接和一个文件下载链接；将制作的网页资料上传至Ubuntu系统，用ngnix完成一个简单web网站。 二、完成步骤 1.安装nginx 在ubuntu终端中输入如下命令 sudo apt update nginx ...
Flutter For Web配合Nginx搭建一个简单的网页
千里之行始于足下
05-12 1784
Ubuntu上部署的项目多了，想弄个entrance一起管理一下。 先看下最终效果： 1.开启flutter的web模式 //只有master和develop等分支支持flutter web，stable是不行的。 flutter channel master //开启支持web模式 flutter config --enable-web true flutter devices 可以看到新增了chrome //创建一个新web项目 flutter create . flutt
Nginx完成一个简单的web网站
qq_43643118的博客
12-02 811
ngnix完成一个简单的web网站网页制作生成web网站总结+参考 网页制作 vscode下完成代码的编写 两个简陋的页面，其中包含有页面的跳转和供下载文件的链接 主页面： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> test--cgy</title> <style type = "text/css"> h3{
nginx发布html网站,nginx发布静态网页(示例代码)
weixin_32999397的博客
06-22 1037
http://www.jb51.net/article/71384.htm切记不要把项目放在/root下 会出现nginx open() "" failed (13: Permission denied), client: 的错误chmod777 /root/xxxxxx即使修改了权限也不行，建议放在/home之下，新建自己的webapp目录。修改nginx配置文件：(注意 配置静态文件的路径...
使用Nginx创建一个简易web网站
li_de_kun的博客
12-07 4155
使用Nginx创建一个简易web网站 Nginx的安装 1.输入命令sudo apt install nginx 2.查看nginx的版本nginx -v 3.启动nginx的服务service nginx start 4.查看本地ip地址 网站文件的创建 1.编写html文件 2. 参考文档 could not get lock /var/lib/dpkg/lock ...
使用nginx搭建网页
duoba_an的博客
01-19 2605
www是world wide web的缩写，也就是全球信息广播的意思。通常说的上网就是使用www来查询用户所需要的信息。www可以结合文字、图形、影像以及声音等多媒体，并通过可以让鼠标单击超链接的方式将信息以Internet传递到世界各处去。与其他服务器类似，当你连接上www网站，该网站肯定会提供一些数据，而你的客户端则必须要使用可以解析这些数据的软件来处理，那就是浏览器。www服务器与客户端浏览器之间的连接图。
Nginx线上部署纯Html代码
weixin_45941687的博客
09-03 1万+
Nginx线上部署纯Html代码一、将前端项目准备好????二、Nginx配置 ????三、访问页面 ????四、参考链接 首先说明⭐ 前端代码，纯Html，未使用任何框架 没有后端配置 线上环境Docker安装Nginx，Nginx已经指向两个前端项目 链接服务器的软件是 MobaXterm 需求，现在Nginx再指向一个前端Html项目 一、将前端项目准备好???? 注意： index.html首页文件要放在最外层，否则在配置nginx指向不能读取到外部资源 只是个人建议：虽然是纯html文件，但
通过Nginx实现系统更新中温馨提示页面
system_All的博客
11-27 3420
有经验的实施人员都会发现，在系统更新时，前端访问会报错，用户体验极其不好，会引起咨询或引发投诉。Nginx反向代理，负载均衡，简单好用，应用在目前大部分的系统部署架构中。那么通过Nginx一个简单的配置，加一个html页面，即可解决上述烦恼。4、执行命令：nginx -s reload。在server 配置中 增加以下 红色部分。/opt/nginx/html 路径下。3、在代理服务器中，调整Nginx配置。#更新公告begin。有需要的html页面代码的同学。重启Nginx，看看效果。
Nginx的index.html格式语法+网页跳转+标签页图标配置
作者的博客园已搬家到优快云，访问博客园主页将默认跳转至优快云
11-03 2145
部署的静态页面，有些时候需要做一些笔记便于查看，用格式来美化下更加便于阅读，还有网页跳转等便捷使用的功能~
用nginx完成一个网页制作
qq_46051625的博客
12-03 1751
实验环境：Ubuntu18.04 实验要求： 完成一个静态网页，比如制作一个简单的个人介绍网页，至少包含一张图片、一个二级网页跳转链接和一个文件下载链接；将制作的网页资料上传至Ubuntu系统，用ngnix完成一个简单web网站 一、nginx简介 Nginx（Engine x）是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器，由伊戈尔·赛索耶夫开发。 其将源代码以类BSD许可证的形式发布，并且因其稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。其特点是占有
使用 Nginx 搭建个人网站的详细教程
m0_61789994的博客
02-23 1万+
Nginx 是一个高性能的 Web 服务器软件，它具有低内存占用、高并发处理能力、轻量级等特点，被广泛应用于互联网中。在本教程中，我们将使用 Nginx 搭建一个基于 HTML 的简单个人网站。本教程介绍了如何使用 Nginx 搭建个人网站。我们首先安装了 Nginx，然后配置了虚拟主机和 SSL 证书。最后，我们介绍了如何使用限制请求速率和连接速率来防止 DDoS 攻击。通过本教程，您现在应该已经了解了如何使用 Nginx 搭建个人网站，并掌握了一些基本的 Nginx 配置技巧。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值