搭建一个自己的导航网页

您所在的位置:网站首页 网页导航页面 搭建一个自己的导航网页

搭建一个自己的导航网页

2023-10-10 06:12| 来源: 网络整理| 查看: 265

前言

由于最近公司平台太多了,之前一直保存到谷歌浏览器的书签里面,但是有时候想用手机或者IPAD访问,有没有安装谷歌浏览器,就比较麻烦。最关键是当你需要让某个人打开某个网站,但是同类型网站太多,域名估计是记不住的,这时候有个专门用于导航的页面还是蛮方便的。读完这个文章,就能分分钟搭建一个这样的网站。

准备

如果你想任何地方都能打开它,那就得有一个自己的服务器。我这里用的是vultr。然后为了好记得有一个自己的域名,我是去万维网弄的一个,当然这些其实阿里都可以搞定。

服务器配置

首先通过远程ssh进入你的服务器,安装Nginx,php看需装吧。

apt-get install build-essential apt-get install libtool sudo apt-get install libpcre3 libpcre3-dev apt-get install zlib1g-dev apt-get install openssl //以上是依赖 apt-get insatll nagix apt-get insatll php7.0

这时候通过服务器ip地址访问一下就能看到nagix的首页了,也可以先去万维网绑定一下解析规则,之后就直接输入域名。 我们先可以看看nagix的html和域名的配置文件,通常的文件位置在: /etc/nginx/sites-available 里面如图箭头位置就是html位置和域名倒向,下划线是当输入没有指向时默认倒向改处,我将其改为了指定的域名 这里写图片描述 之前我们直接通过域名或者IP访问的就是这儿的文件了。如果你想通过子域名访问不同的页面,可以在该文件最下面解除server的那个屏蔽,编写方式和上面是一样的如图: 这里写图片描述 编辑完成后重启nginx就好

systemctl reload nginx.service 页面

如果你不需要啥效果,单纯是个导航页面的话,直接编写有一个html就好了,效果如下图 这里写图片描述 源码如下:

物联网导航页 .main{ margin-top: 50px; margin-left: 10%; width: 80%; text-align: center; } a{ margin-left: 10px; } 正式物联网云平台正式物联网管理平台 测试物联网云平台 电气火灾应用平台电气火灾管理平台 正式lora服务器测试lora服务器 这里是物联网各个平台的导航页面

代码中的#位置输入自己想倒去的网址就好。

如果想好看一点,但是又怎么懂这方面知识的话,就直接去模板网站下一个页面来自己改改吧。对照着页面改,还是比较简单的,下面是我找了个模板自己改了改的图,下面是部分截图 这里写图片描述 下载下来的模板以html为目标导向,将全部文件都扔到配置指向的文件夹即可。默认指向的文件夹是var/www里面。



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3