网址导航源码自适应 自适应网址导航源码 php 收藏 0

利用Docker 或者NAS给浏览器制作一个完美导航页-Heimdall(汉化)

多标签网页

1、易于编辑、保存，直接在线操作即可，无需编辑代码。

2、图标和颜色完全自定义，不需要通过更改整体模板来实现。

3、支持分类嵌套，通过标签进行分类管理，不用担心主页放不下。

4、支持更多模式/应用种类，除普通链接外还可以支持增强型标签，显示实时数据！

5、支持内嵌搜索框，更适合当浏览器主页使用。

6、支持多用户使用，不同用户不同主页，支持加密！

7、支持已知的所有的浏览器。本来就是打开就马上享用的。

1、整体风格无法更换，仅能调整背景及标签图标和颜色。

2、支持中文输入但是UI不支持中文（本文有中文UI方案哦）。

3、手机终端做不到自适应，但其实还可以。

4、好像作者在2019年就停止更新了。

可自行添加搜索框

通过内网ip地址+端口（默认80，如果端口设置改过即为改过的端口）即可登录。下图为页面展示图

也可以多标签以及各个插件更高级的玩法

导航页当然不能只内网访问了，如何外网访问—-做个端口转发即可。公网一般性运营商把80/8080端口封掉的。所以需要设置一个别的端口转到内网的80（如果改过端口设置即转到改的那个端口即可），具体就不说了，不同路由器不同设置，展开又要很多，而且也有很多优秀详细的文章。

打开Portainer,也就是docker添加

• 也可以直接用命令直接安装。如果有玩compose就更为方便。

docker run -d \\

—name=heimdall \\

-e PUID=1000 \\

-e PGID=1000 \\

-e TZ=Europe/London \\

-p 88:80 \\

-p 11443:443 \\

-v /opt/heimdall/config:/config \\

—restart unless-stopped \\

ghcr.io/linuxserver/heimdall

后面提及的几位大神有详细的说明文案。这儿不就详述了。接下去来讲一下比较重要的，如何汉化

这时用Docker的iP加刚刚的端口就可以打开了

• 之后跳转到添加应用页面—这儿我们先不动.先改为中文

修改端点为Docker-IP地址

打开FinalShell后进入以上路径。将中文包拷贝发上去。

docker exec -it heimdall bash

mv -f /config/app.php /var/www/localhost/heimdall/resources/lang/de/

完成后会在桌面刷新 。效果图如下：

点击右下角设置.修改语言

将语言改为德语

熟悉的中文就回来了

• 后续再要添加应用怎么办，莫慌，我们目光转向右下角。右下角几个按钮的具体功能已经标记出来，详情请看图：

在主页面的情况下，右下角一共六个按钮，分别是：

第一个：对在主页面已添加应用进行快键修改，可以拖动应用位置，修改配置等等

第二个：快捷返回主页面

第三个：个人信息管理页面，可以设置账号密码什么的

第四个：应用管理页面，可以添加/修改应用

第五个：标签管理页面，对标签进行添加/修改

第六个：总设置页面

这里我就不一一展开了，具体就自己发掘玩起来，有汉化了也容易了。也支持多标签。并且也可以搜索几位大神们的原文，均有详细注释！

这是一个不错的导航页，这边只是一个基础教程，抛砖引玉。具体花里胡哨的玩法还需要大家一起发掘。也希望项目作者能不断优化，越弄越好。

其实从看到这个后就一直欣喜这个，并且也花费了不少精力去做好这个插件。可安利了身边不少群友均表示太麻烦，这个看自己需求；如我喜欢有自己的域名或者局域网打开浏览器的习惯，相当的方便。可以实时收录自己喜爱的网址及其局域网中终端的IP。即点即有，而配合有些插件更是如鱼得水。

但还是那句话：适合你的.才是最好的!

才发现头条不支持外链接，所以将看到的学会的原创作者在此表示感谢！张大妈上的 （可搜索作者直达），而本文中为了表示尊重也大体上用了他们原文修改。若作者不允则通知后删除！

而如何制作Docker以及汉化Portainer可以点击这直达

下一篇会写一个Docker上的大杀器，大神器。小型堡垒机：next-terminal

如何查看网页的HTML源代码？这里提供详细步骤

每个主要的互联网浏览器都允许用户查看任何网页的HTML（超文本标记语言）源代码。以下部分包含有关在每个主要浏览器中查看源代码的多种方法的信息。

查看网页的源代码时，服务器处理的信息和代码不会出现。例如，搜索引擎处理服务器上的信息，然后在网页上显示结果。换句话说，你可以查看组成结果页面的代码，但不能查看搜索引擎的源代码。

此规则适用于所有服务器端脚本、SSI（服务器端包含）和编程代码。因此，你无法查看搜索引擎、论坛、投票、聊天等中使用的脚本源代码。此外，从源代码复制信息可能会导致错误，或将你引导回从中复制信息的页面。

要在Google Chrome中查看网页的源代码，请使用以下任一方法。

仅查看源代码

方法一

要仅查看源代码，请按计算机键盘上的键盘快捷键Ctrl+U。

方法二

右键单击网页的空白部分，然后从弹出菜单中选择“查看网页源代码”。

查看包含元素的源代码

1、打开Chrome并导航要查看其源代码的网页。

2、单击浏览器窗口右上角的设置图标。

3、从下拉菜单中，选择更多工具，然后选择开发者工具。

4、单击屏幕底部左上角的“元素”选项卡。

提示：在Chrome中，按F12或Ctrl+Shift+I也会打开交互式开发者工具。该工具提供了与源代码和CSS设置的更多交互，允许用户查看代码中的更改如何立即影响网页。

要在Mozilla Firefox中查看网页的源代码，请使用以下任一方法。

仅查看源代码

方法一

要仅查看源代码，请按计算机键盘上的Ctrl+U。

方法二

右键单击网页的空白部分，然后从弹出菜单中选择“查看网页源代码”。

查看包含元素的源代码

1、打开Firefox并导航到要查看其源代码的网页。

2、单击屏幕右上角的菜单Firefox菜单图标。

3、在下拉菜单中选择“更多工具”，然后从展开的菜单中选择“Web开发者工具”。

4、单击屏幕底部部分左上角的“查看器”选项卡。

提示：在Firefox中，按F12或Ctrl+Shift+I也会打开交互式开发者工具。该工具提供与源代码和CSS设置的交互，允许用户实时查看代码中的更改如何影响网页。

查看网页源代码的一部分

1、突出显示网页中要查看源代码的部分。

2、在高亮显示的部分上单击鼠标右键，然后选择“查看选中部分源代码”。

提示：你可以使用Firebug插件查看和编辑页面的源代码，并通过浏览器实时查看更改。

要在Microsoft Edge中查看网页的源代码，请使用以下任一方法。

仅查看源代码

方法一

要仅查看源代码，请按计算机键盘上的Ctrl+U。

方法二

右键单击网页的空白部分，然后从弹出菜单中选择“查看网页源代码”。

查看包含元素的源代码

1、打开Microsoft Edge并导航到要查看其源代码的网页。

2、单击屏幕右上角的设置图标。

3、将鼠标移到下拉菜单中的“更多工具”上，然后从展开的菜单中选择“开发人员工具”。

4、单击屏幕右侧窗口顶部的“元素”选项卡。

提示：在Microsoft Edge中，按F12或Ctrl+Shift+I也会显示交互式开发人员工具。该工具提供与源代码和CSS设置的交互，允许用户实时查看代码中的更改如何影响网页。

要在Microsoft Internet Explorer中查看网页的源代码，请使用以下任一方法。

仅查看源代码

方法一

要仅查看源代码，请按计算机键盘上的Ctrl+U。

方法二

右键单击网页的空白部分，然后从弹出菜单中选择“查看源”。

查看包含元素的源代码

1、打开Internet Explorer并导航到要查看其源代码的网页。

2、单击右上角的工具Internet explorer工具图标

。

3、从下拉菜单中选择“F12开发人员工具”。

4、单击开发人员工具菜单左上角的“DOM资源管理器”选项卡。

提示：在Internet Explorer中，按F12键将显示DOM工具。该工具提供与源代码和CSS设置的交互，允许用户查看代码中的更改如何立即影响网页。

php宝塔搭建部署昼夜双色WordPress导航模板php源码

大家好啊，欢迎来到web测评。本期给大家带来一套php开发的昼夜双色WordPress导航模板php源码，上次是谁要的系统项目啊，帮你找到了，还说不会搭建，让我帮忙录制一期教程，趁着今天有空，简单的录制测试了一下，部署方式还是很容易的。感兴趣的朋友可以自行下载学习。

• PHP7.4 + nginx + mysql5.7
• cnetos7以上 + 宝塔面板

1. 下载源码，宝塔新建一个网站，php版本选择7.4，新建一个空的数据库。
2. 删除网站目录下的基础文件，然后将本地下载好的wordpress压缩上传，伪静态选择wordpress或者填写以下伪静态规则，然后访问域名填写对应配置信息即可安装wordpress。

1. 登录后台，点击外观-》添加新主题-》压缩上传ndnav文件夹-》启用
2. 然后自行进行主题设置即可。
3. 其他更详细的请查看视频教程。

PS：不会安装宝塔的同学可以翻一下我之前的教程。

简约大气昼夜双色导航主题模板，WordPress导航主题模板。这款主题界面、功能都非常简洁。作者把这款定位为简约导航主题，所以这款wordpress导航主题没有过多的花里胡哨功能，也保证了这款主题的优化速度。

主题自带暗黑模式一键切换，多种功能模块随心搭配，更有游客自动投稿，可以说是导航主题中的良心之作了。

1. 网站中的所有源码资源，均不是该源码资源的价格，本身开源源码是不用付费的。这是赞助录制搭建视频教程、收集整理资源、服务器维护的基础开销费用！
2. 不想付费的朋友可以自行去GitHub或者Gitee搜索相关开源项目，了解其开源协议。再根据视频视频教程来搭建即可。

1. 本站上传的源码，均为平台购买，作者提供，网友推荐，互联网平台整理而来。
2. 上述源码的知识产权及相关权利归作者及制作公司所有。
3. 上述源码仅供学习参考及技术交流之用，未经源码的知识产权权利人同意，用户不得进行商业使用。
4. 上述源码如需商业使用，请自行联系源码知识产权权利人进行授权，否则，我们将积极配合作品知识产权权利人 一起维权。
5. 上述源码如有侵犯您的知识产权，请您立刻联系我们，我们会在24小时内做删除下架处理。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com