【飞牛】nginx零基础快速部署静态网页(新手向)
本文最后更新于23 天前,其中的信息可能已经过时,如有错误请发送邮件到xbenjaminx@qq.com

前言

在使用飞牛nas的过程中,我们可能会需要在本地部署自己的一些静态网页,就比如我之前写的「森空控制中心」,可以通过在nas或软路由上部署来实现局域网内多设备上对Windows主机的控制,本期将以简单的方式手摸手带你在飞牛fnOS中使用nginx部署静态页面。

1 准备静态文件

在飞牛os中创建出一个目录,用于存放静态网页文件。把准备好的静态页面文件上传到这个目录。

记住这个目录路径,这里我的路径是 /我的文件/docker/nginx/www

2 nginx准备工作

这里我们使用的是Docker里的nginx镜像(就不要吐槽为啥不直接装在飞牛上,本期教程是新手向,尽量以界面化方式操作,避免不必要的错误),我们打开Docker,点击【镜像仓库】,找到【nginx】,然后下载镜像。

下载完成后,点击本地镜像,启用本地【nginx】镜像,开始创建容器。容器名称随便取,开机自动开启看个人需求,完成点击【下一步】。

修改这个端口号,改成自己需要运行的端口号,无硬性要求,右边端口默认80即可。

左侧端口号一定要改,飞牛OS默认将80端口跳转到5666端口的web界面,这里设置80会冲突。当然,如果你就是不想改也行,进入【设置】->【安全性】->【端口设置】->【高级设置】-> 关闭【重定向80与443端口】即可。

端口号我个人推荐填写范围是1024到49151,有暴露公网的需求尽量选择靠后的端口号,如果你的nas中安装了MySQL(3306)、PostgreSQL(5432)以及其他软件和服务,请不要选择已经被这些服务使用的端口号,避免冲突影响其他服务正常运行。

存储位置选择刚才存放静态网页文件的目录,右侧路径填 /home/www 即可,填写完毕点击【下一步】。

点击【创建】。

此时在浏览器输入飞牛nas的ip+我们设置的端口,如果出现这个页面代表nginx运行成功

3 配置nginx

点击【容器】-> 点击nginx 的【 ··· 】-> 点击【终端】。

点击 /bin/bash 后的【连接】。

输入以下两段命令安装vim。

apt-get update
apt-get install vim -y

输入以下命令打开nginx.conf这个配置文件。

vim /etc/nginx/nginx.conf

打开后输入【a】进入插入模式,将第一行 user nginx; 修改为 user root;

修改完后按【ESC】键退出插入模式,输入【:wq】保存并退出。

然后我们输入下面这个命令打开default.conf这个配置文件。

vim /etc/nginx/conf.d/default.conf

打开后输入【a】进入插入模式,将 location / 中 root 后的路径修改为 /home/www

注意,如果你静态网页的入口文件名称不是index.html,那么就在 location / 的index这行配置中加入你入口文件的名称。

修改完后按【ESC】键退出插入模式,输入【:wq】保存并退出。

4 重启容器

点击【容器】-> 点击nginx 的【 ··· 】-> 点击【重启】。

此时我们在浏览器输入飞牛nas的ip+我们设置的端口就能看到我们部署的静态网页了。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇