爆肝 200 小时，我做了个编程导航！

最近一个月，上班之余，我几乎将全部时间投入到自己的新项目『 编程导航 』中，熬了30 多个大夜，终于将它上线！

顾名思义，这是一个导航类项目，我希望它能够成为最专业灵活的编程导航网站，帮助大家轻松发现优质编程资源。

编程导航主站 - 发现优质编程资源

网址：www.code-nav.cn

编程导航主页 - 程序员必备主页

网址：home.code-nav.cn

值得一提的是，整个项目全部开源（脱敏），甚至点击一下按钮就能部署出一模一样的『 编程主页 』！

下面介绍我做这个项目的初心、项目简介、技术选型、后续计划等。

为什么需要编程导航？

总是有很多学编程的朋友问 “有没有学 xx 的资源”、“我需要 xx 资源，能发我一份么”。

在重复接收类似讯息后，我陷入深思。

如今编程资源获取的大环境雾气重重，有很多不太好的现象：

1. 很多名不副实的编程资源被捧上了天，名人效应、一叶障目
2. 好的编程资源被商业利益化，很多人利用信息差，将本来免费的资源进行贩卖
3. 好的编程资源由于作者不出名，没有被人发现
4. 网上的编程资源非常零散，真实性、有效性很不确定

意识到这些问题后，作为一个开发者，我可以做些什么？继续去网上搜好的资源，然后传到网盘上，分享给大家？

一个人的力量终归渺小，好的编程资源环境需要大家的共同努力。

这是『 编程导航 』问世的原因：提供人人皆可推荐的编程资源导航平台，帮助大家发现优质编程资源。

当然，分享资源的前提是不触犯任何的商业利益，仅希望那些已公开的好资源能够被更多人发现和使用，提供一个公开透明的平台消除部分信息差、易于使用。

QA 问答

1. Q：编程类导航网站都烂大街了，为什么还要做导航？

   A：大多数编程导航网年久失修，也有不错的导航，但是在搜索、归类上比较局限，而且没有自主推荐、喜欢等功能，不具备可持续发展性。

2. Q：资源太多的话，会不会同样让人眼花缭乱，不知道看哪个？

   A：现在编程资源非常多，肯定会出现这种情况，这也是我们做 系统 而不是整理文档的原因。可以通过评分、评论、排序、推荐等方式缓解，大家觉得好的资源才会有更多被发现的机会！

3. Q：分享资源时直接给别人可访问的链接不就行了，为什么要从编程导航分享？

   A：的确，分享链接在很多场景下都很方便。但如果分享资源时，能让他人直接看到资源的描述、详情，可以更快地帮助他人使用和理解。还可以通过评论区来对资源的质量进行区分。后续还会为每个资源添加视频介绍，帮助大家快速上手！

项目简介

整个编程导航不仅仅是一个项目，而是以 "帮助大家发现优质编程资源，提升效率" 为目标的完整生态。包含多个子项目，目前已上线『 编程导航主站 』和『 编程主页 』。

编程导航主站

帮助大家发现优质编程学习资源。

网址：https://www.code-nav.cn

功能：可以检索自己需要的资源、分享好的资源，并对他人推荐的资源进行评价。好的资源会被更多人发现，让更多同学感受到技术带来的美好。

项目展示

推荐资源

资源大全

收藏夹

资源详情

评论区

编程导航主页

极简炫酷的浏览器主页！支持一键使用多个搜索引擎，主页内置了一些程序员必备优质站点，提升效率，还可以切换主题、定制壁纸等。

网址：https://home.code-nav.cn

项目展示

透明主页

白底主页

万能搜索

万能搜索结果页

切换壁纸

随机壁纸

动态壁纸

技术选型

整个项目的前端基于 React、后端基于 腾讯云云开发（云开发的所有功能几乎都有覆盖）， 不同的子项目用的框架和依赖类库也不尽相同。

比如编程导航主站使用 Umi + Ant Design Pro、编程主页使用 React Static、静态文档站点使用 dumi 生成、微信公众号后台使用 SpringBoot 等。

后续计划

现阶段整个站点类似 “程序员百度” 或是 “程序员应用市场”，还是一个静态搜索的方式帮助大家发现好的资源。

编程导航不是社区，目的不是占用大家的时间，相反，是希望通过站点来提高大家找资源的效率。因此后续很可能会使用大数据 + AI 等技术实现更定制化的推荐，真正做到精准和动静结合。在你需要学某种编程技能时，给出最好的资源和方案！

已经有部分同学在站点上进行推荐，因此每天都会有一些新的资源，信息不会完全重复，这也是和静态导航网站区别最大的地方。我会选出一些好的同学给予奖励~ 希望大家一起维护好的编程生态！

（还有，现在的界面太丑了、后台延迟也比较大，都是需要解决的问题 ?）

最后

整个编程导航体系的所有系统，全部开放源码 给大家学习，使用这套代码，你也能轻松开发多端适配网站，搭建属于自己的炫酷主页！

如果觉得不错的话，分享给身边需要的朋友吧，这将成为我们不断改进的动力！❤️

项目详情及源码地址：github.com/liyupi/code… ⭐ 您的星星对我真的很重要