在Ubuntu系统用ngnix完成一个静态网页

最新推荐文章于 2024-01-04 20:28:54 发布
最新推荐文章于 2024-01-04 20:28:54 发布
阅读量577 收藏 11
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45888898/article/details/110523567
版权

文章目录

一、nginx

什么是nginx

Nginx是一款高性能的http 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。

nginx的应用

1、http服务器。Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。
2、虚拟主机。可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。
3、反向代理，负载均衡。当网站的访问量达到一定程度后，单台服务器不能满足用户的请求时，
需要用多台服务器集群可以使用nginx做反向代理。并且多台服务器可以平均分担负载，
不会因为某台服务器负载高宕机而某台服务器闲置的情况。

二、在ubuntu下安装nginx

sudo apt-get install nginx

在这里插入图片描述
查看nginx是否安装完毕

nginx -v

在这里插入图片描述
启动nginx服务

service nginx start

在这里插入图片描述
查看自己的IP地址

ifconfig

在这里插入图片描述
在网页输入ip地址，回车，显示出如下图片所示，nginx服务就运行了
在这里插入图片描述

三、设计一个静态网页

使用vscode设计一个静态网页

网页要求
制作一个简单的个人介绍网页，
包含一张图片、
一个二级网页跳转链接
一个文件下载链接

个人简介，图片和网页跳转链接都ez，一个文件下载的链接就需要将文件压缩成.rar形式

sudo apt install rar unrar

sudo rar a 123.rar 123.txt

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jin的静态网页</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
    <img src="boat.jpg" alt="Big Boat">
    <a href="https://www.runoob.com/">访问菜鸟教程</a>
    <a href="123.rar">下载一个 123.txt 文本</a>
</body>
</html>

在这里插入图片描述
在这里插入图片描述
最后将这几个文件全部移动到/var/www/html的文件夹里即可

sudo mv 123.txt /var/www/html

sudo mv 123.rar /var/www/html

sudo mv boat.jpg /var/www/html

sudo mv index.html /var/www/html

在这里插入图片描述
再次输入IP地址
呈现效果如下图
在这里插入图片描述
演示效果：
在这里插入图片描述
在这里插入图片描述

四、总结

只是简略的静态网页

五、参考资料

nginx安装及其配置详细教程
ubuntu安装nginx

EPCCcc
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【Linux】Nginx的安装与静态资源服务器搭建
Nieson2012的专栏
09-17 996
一、安装nginx最新稳定版1.18 1.ubuntu18.04当前apt源是1.18版本的,查看方法. sudo apt-cahce show nginx 2.nginx官网当下最新的文档版本是1.18了，所以我们需要为apt添加最新的安装源。 3.第一步，准备相关依赖包，root权限需要去掉sudo. sudo apt install curl gnupg2 ca-certificates lsb-release 4.第二步，在apt的安装源中（仓库）添加nginx的最新的稳定...
【学习笔记】Ubuntu中通过nginx将HTML静态界面部署到服务器上
weixin_46258856的博客
08-15 490
ubuntu源仓库直接安装验证安装防火墙（未使用）查看端口被占用。
Ubuntu搭建Nginx+html服务器
qq_16005627的博客
09-14 349
Ubuntu搭建Nginx+html服务器
nginx静态资源服务器简单配置
热门推荐
wl的博客
10-28 13万+
nginx静态资源服务器配置
ubuntu环境安装配置nginx流程
最新发布
nandao158的博客
01-04 8877
到此，ubuntu环境安装配置nginx流程分享完毕，下期我们分享nginx的高级用法，敬请期待！4、启动成功后，在浏览器输入ip地址(默认端口号是80)，即可看到nginx的欢迎页面。把前端包放到固定目录下（后面配置nginx时用到）：/data/app。今天分享ubuntu环境安装配置nginx流程。安装路径：whereis nginx。然后按Ctrl+X组合键保存并退出。查看版本：nginx -v。5、查看nginx的进程。3、重启nginx服务。1、检查是否已经安装。二、配置启动前端服务。
通过Nginx访问静态页面
Reborn_Chang的博客
08-16 3万+
通过Nginx访问静态页面 转载请标明出处^_^ 原文首发于：www.zhangruibin.com 本文出自于：RebornChang的博客 nginx的用途 处理静态文件，索引文件以及自动索引；打开文件描述符缓冲； 无缓存的反向代理加速，简单的负载均衡和容错； FastCGI，简单的负载均衡和容错； 模块化的结构。包括 gzipping, byte ranges, chunked r...
使用 Nginx 部署静态页面的方法
09-30
本篇文章主要介绍了使用 Nginx 部署静态页面的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
linux服务器上使用nginx访问本地静态资源的方法
09-14
在配置文件中，添加或修改一个server块，指定服务器应该监听80端口，并设置静态文件的根目录。例如，假设你的静态资源存储在`/var/www/html`： ```nginx server { listen 80 default_server; server_name example...
如何在nginx中配置缓存静态文件
09-30
例如，如果你想要缓存所有的图片、CSS和JavaScript文件，可以创建一个匹配这些文件扩展名的正则表达式，并在`location`块中设置`expires`指令： ```nginx location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires...
Ubuntu Linux系统下轻松架设nginx+php服务器应用
09-16
在Ubuntu Linux系统中，搭建基于Nginx的Web服务器是一个高效的选择，因为它以其高性能和低内存占用而闻名，尤其在处理静态内容和反向代理方面表现突出。与Apache相比，Nginx通常更适合高并发场景。以下是搭建Nginx+...
docker nginx部署静态网站
flysnownet的博客
09-18 2345
docker上安装nginx并部署静态网站 拉取nginx镜像 docker pull nginx nginx配置 test.conf server { # 默认监听 80 端口 listen 80; server_name www.test.com;//域名 location / { root /var/wwwroot/www.test.com;//根目录 index index.html index.h
Ubuntu安装Nginx并修改默认网页展示
TylerDu的博客
06-11 5191
1. 安装 // 更新apt-get sudo apt-get update // 下载安装nginx sudo apt-get install nginx 2. 查看状态 sudo service nginx status 3. 查看默认网页 打开任意一个浏览器并输入ubuntu的ip地址即可看到默认网页 4. 修改默认网页展示 在ubuntu上 sudo vi /var/www/html/index.nginx-debian.html //注意， 你的文件名和我的可能不完全相同， 但一般都在/v
ubuntu20.04搭建lamp环境 +制作网页
weixin_50839020的博客
04-11 1242
一、准备工作 二、安装apache2 三、安装mysql 四、安装php 五、安装depress 准备工作 配置虚拟机安装ubuntu20.04 配置环境及相关设置（配置中文及防火墙等） 安装apache2 Apache HTTP服务器是世界上使用最广泛的Web服务器。它提供了许多强大的功能，包括可动态加载的模块，强大的媒体支持以及与其他流行软件的广泛集成。 开始安装 打开终端，进入根目录 `renxiaoxu@ubuntu:~$` sudo su 更新环境 renxiaoxu@ubuntu:~$ apt
如何在服务器上部署静态网页，让所有人都能访看到？
weixin_43370079的博客
08-28 7818
前两天自己买了百度云服务器和域名，然后写了一个静态的网页，准备把这个静态的网页放到服务器上去，这样的话，任何人输入网址，都可以看到我写的这个静态网页；于是这两天一直在研究这东西要怎么做才能实现，零零散散好几天，在大神的指导下终于搞定了，把经验分享出来，以供后来者参考。 我是小白，以前没怎么接触过服务器知识，对于服务器，代理，端口，Nginx,XShell是什么东东，是干什么的,可以说几乎没有认识，...
ubuntu安装nginx及其默认目录结构
qq_25987491的博客
08-10 3万+
一. 安装包安装 1.1 安装Nginx $sudo apt-get install nginx Ubuntu安装之后的文件结构大致为： 所有的配置文件都在/etc/nginx下，并且每个虚拟主机已经安排在了/etc/nginx/sites-available下 程序文件在/usr/sbin/nginx 日志放在了/var/log/nginx中 并已经在/etc/init.d/下...
Ubuntu下Nginx简单使用
木小草 专栏
05-23 8235
Nginx是一个使用c语言开发的高性能的http服务器及反向代理服务器。 Nginx是一款高性能的http 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。由俄罗斯的程序设计师Igor Sysoev所开发，官方测试nginx能够支支撑5万并发链接，并且cpu、内存等资源消耗却非常低，运行非常稳定。 一、Ubuntu安装Nginx详细步骤 sudo apt-get upda
ubuntu nginx html文件,Ubuntu使用Nginx 部署你的静态网页
weixin_34050521的博客
06-16 525
首先使用Putty登录填写名称 unbutu然后获取管理员权限 sudo -i首先更新APT库sudo apt-get updatesudo apt-get upgrade安装 git，sudo apt-get install git命令进行安装。安装完毕之后输入git --version就可以看到 git 的版本了安装Nginx, Nginxsudo apt-get install nginx...
利用nginx搭建web静态服务器
Riptide
08-09 2万+
现在web app 的静态资源 与app 不是存储在同一个服务器上面现在我们有一个需求，就是搭建一个专门的静态文件服务器利用 nginx 超级简单[当然我们只是做了最基本的操作]看代码 ，比如我们现在 要以端口 4300  搭一个静态文件服务器  ，你需要做的有两个步骤：1.修改 nginx 配置文件，对于ubuntu 的用户来说 ，修改这里(/usr/local/nginx/conf/nginx...
Ubuntu上使用nginx完成一个简单web网站
Harriet的博客
12-04 6248
一、Ubuntu安装nginx 安装命令 apt-get install nginx 查看安装版本 nginx -v 启动nginx service nginx start 打开浏览器，输入IP地址 Ubuntu输入127.0.0.1，效果如下 Windows输入Ubuntu的IP地址，效果如下 就此nginx安装就完成，显示为其默认的网页。 二、编写网页 ...
ubuntu配置nginx
08-03
回答: 在Ubuntu上配置Nginx有两种方式。第一种是通过编辑源列表文件来安装Nginx，具体步骤如下：首先使用vim编辑器打开/etc/apt/sources.list文件，添加以下两行内容： deb http://nginx.org/packages/ubuntu/ trusty nginx deb-src http://nginx.org/packages/ubuntu/ trusty nginx 保存文件后，运行以下命令完成安装： sudo apt update sudo apt install nginx 第二种方式是通过apt命令直接安装Nginx，具体步骤如下： sudo apt install nginx 安装完成后，Nginx的主程序位于/usr/sbin/nginx，配置文件位于/etc/nginx，静态文件位于/usr/share/nginx，日志文件位于/var/log/nginx。 启动Nginx可以使用以下命令： service nginx start # 启动Nginx service nginx reload # 重新加载Nginx配置文件 nginx -s reopen # 重启Nginx nginx -s stop # 停止Nginx 你可以在配置文件中定义Nginx和各个模块的工作方式，默认情况下配置文件的名称是nginx.conf，可以放在/usr/local/nginx/conf、/etc/nginx或者/usr/local/etc/nginx等目录下。[1][2][3]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值