一个纯静态的内部系统导航小工具

笔者所在团队之前有这样一种情况：经常有同学不知道/搞错内部相关系统的地址。因为我们内部系统用到了较多的开源组件，而这些开源组件在开发、测试、生产等环境，我们都是相互隔离、独立部署的，这就带来了大量的系统控制面板服务地址，同时，还有其它如 GitLab、Jenkins 等基础/内部系统管理面板地址，这给开发/测试同学在实际工作中带来了不便。

通常同学的做法是，通过浏览器将相关服务的地址收藏起来，在需要访问的时候，打开收藏的地址即可。这在一定程度上可以处理这个问题，但是有所不足，一是系统多、环境区分不明显，影响查找/使用效率，二是如果有新同学加入团队就要把所有的地址收藏一遍，还有就是新引入或修改了某些服务的地址，所有用到相关系统的同学可能都要跟着调整，实在是难受。于是，就想着是否有类似网址导航的小系统，可以用于记录/管理团队内部各个系统，在各个环境的管理面板地址，团队同学只需要收藏导航页的地址，然后在导航页里可以快速找到自己需要的系统地址。

找了一圈，确实有许多优秀的开源小导航系统，功能丰富、UI 漂亮，能满足需要。但总感觉有点偏差，笔者想象的，就是一个简单直接的，类似浏览器书签一样方便使用的小导航页面，然后，如果可以支持简单搜索就更好了。

笔者近些年主要都是从事服务端开发相关的工作，已多年未写过前端 JS/CSS 代码，而近些年来，前端相关领域的技术飞速发展，和笔者当初写前端代码的时候已大不相同了。现在前端相关框架/组件的设计思想/使用方式也和服务端越来越接近，不得不感叹技术的日新月异，殊途同归。想起多年前自己第一次写 Html 页面的情形，心中依然激动，那算是笔者人生中第一次写代码吧。

于是，笔者决定自己试着写个小静态导航页面，也算是回味一下写前端代码的日子了。经过一番捯饬，引入了一些开源组件，有了下面的样子。

在线演示地址如下：

https://www.dgchong.cn/light-navi/index.html

代码地址如下：

https://github.com/dgchong/light-navi

页面 UI 可能丑了点，以现在的前端技术来看，代码可能也有点挫，但也算是基本能用吧。

越学越无知，我是老农小江，欢迎交流~