发展历程
纯静态导航
2018年1月,提交了第一个 commit ,项目起源于腾讯web前端导航站,那时候刚接触前端,到处找网站模仿,因此这个导航站因此诞生了。
![](https://i-blog.csdnimg.cn/blog_migrate/86e457fe04cb7459b39e0e95b6a9a3be.png)
![](https://i-blog.csdnimg.cn/blog_migrate/357b259f58a945e9d376afebbf754c7a.png)
JSON 版本导航
上一个版本添加导航要修改 HTML,JSON 版本解决了管理导航修改代码问题,通过管理 JSON 文件的形式来管理所有的导航。
![](https://i-blog.csdnimg.cn/blog_migrate/bda637c880ff9707c96a44777fc3ad6e.png)
Vue2 动态导航
上面版本的管理导航还是太麻烦,从这个版本开始,改为用数据库来管理,前台采用的 Vue 全家桶,服务端使用的框架是 Express,数据库是 Mongodb。
![](https://i-blog.csdnimg.cn/blog_migrate/d740b49c232df3b2c25ad4c9f1356c79.png)
Nuxtjs导航
Vue 动态导航是采用的单页面方式,非常不利于 SEO 优化,所以改用了 Nuxt SSR 的方式,这也是这个版本最大的改动。
![](https://i-blog.csdnimg.cn/blog_migrate/4d102209f07cab9a06cfe68ae4049053.png)
V3.0版本导航
这个版本开始将不再进行大的改动,将持续迭代下去。
V3.0版本,最大的改动就是把项目拆分为三个子项目,把后台管理的 Nuxt 变成了 Ant Design Pro架构,把 Express 改成了 Eggjs,并优化了整体代码,优化了代码可读和可维护性。
![](https://i-blog.csdnimg.cn/blog_migrate/49a60875bff3444921a746187ac4f437.png)
极客猿导航是什么
产品定位是独立开发者的资源导航站,旨在为独立开发者和想成为独立开发者的同学提供一条龙的服务,假设你如果想快速的学习一个东西,能快速的找到与之相关的教程,文档,软件,资源,最佳实践等等。
目前网站内容正在策划中,如果你有想法,期待与你的合作。
产品截图
前台
首页
![](https://i-blog.csdnimg.cn/blog_migrate/4acbaedcb54c41f8654083dd0b229006.png)
全能搜索
![](https://i-blog.csdnimg.cn/blog_migrate/4b8253205a2897ffa7c4178c5a6e473c.png)
推荐网站
![](https://i-blog.csdnimg.cn/blog_migrate/788b46dac8029f4d542fd7e5218b4d3a.png)
导航详情
![](https://i-blog.csdnimg.cn/blog_migrate/1debc30deac321acc01fd8d0f1de15e2.png)
后台
登录
![](https://i-blog.csdnimg.cn/blog_migrate/d60acc3037f009498c8e9cb2f20e76c4.png)
审核列表
![](https://i-blog.csdnimg.cn/blog_migrate/fb518745e4ffc0bc4c12f98daacc10be.png)
导航列表
![](https://i-blog.csdnimg.cn/blog_migrate/e6098f086b1b8ae71a31e4dbe1261a37.png)
分类列表
![](https://i-blog.csdnimg.cn/blog_migrate/fa1bd957a8b8d0eb7b9823c14d9996ac.png)
标签列表
![](https://i-blog.csdnimg.cn/blog_migrate/66505b13fc6d6422d6094d44e9b4d482.png)
后续计划
以下是产品功能图,将持续更新。
![](https://i-blog.csdnimg.cn/blog_migrate/e52c9c383070ce438a4f37f61427fde4.png)
开源地址:geekape/geek-navigation: ❤️ 极客猿导航-独立开发者的导航站! (github.com)