爆肝 200 小时,我做了个编程导航!
共 2753字,需浏览 6分钟
· 2021-01-28
最近一个月,上班之余,我几乎将全部时间投入到自己的新项目『 编程导航 』中,熬了30 多个大夜,终于将它上线!
顾名思义,这是一个导航类项目,我希望它能够成为最专业灵活的编程导航网站,帮助大家轻松发现优质编程资源。
可以先通过短视频了解这个项目:
值得一提的是,整个项目全部开源(脱敏),甚至点击一下按钮就能部署出一模一样的『 编程主页 』!
![](https://filescdn.proginn.com/dddc471ebf5084abb717687020cf5e22/ae86b4cfd430b97f1c9653656151c8f8.webp)
下面介绍我做这个项目的初心、项目简介、技术选型、后续计划等。
为什么需要编程导航?
经常有很多学编程的同学问 “有没有学 xx 的资源”、“我需要 xx 资源,能发我一份么”。
在大量接收重复的讯息后,我不禁陷入深思。
的确,如今编程资源获取的大环境雾气重重,有很多不太好的现象:
-
许多名不副实的编程资源被名人效应捧上天,一叶障目 -
好的编程资源被商业化、利益化,甚至很多人利用信息差,将本来免费的资源进行销售和贩卖 -
好的编程资源由于作者并不出名、没有流量,无法被人发现 -
网上的编程资源非常零散,真实性、有效性很不确定
发现这些问题后,作为一名开发者,我可以做些什么?继续去网上搜好的资源,然后传到网盘上,分享给大家?
一个人的力量终归渺小,好的编程资源环境需要大家的共同努力。
这是『 编程导航 』问世的原因:提供人人皆可推荐的编程资源导航平台,帮助大家发现优质编程资源。
当然,分享资源的前提是不触犯任何的商业利益,仅希望那些已公开的好资源能够被更多人发现和使用,提供一个公开透明的平台,消除部分信息差、好资源触手可及。
![](https://filescdn.proginn.com/09a712862ce148da1ba327fc436088b6/3bbb2e51a7fe527ee68b58dec4fca5fd.webp)
QA 问答
-
Q:编程类导航网站都烂大街了,为什么还要做导航?
A:大多数编程导航网年久失修,也有不错的导航,但是在搜索、归类上比较局限,而且没有自主推荐、喜欢等功能,不具备可持续发展性。
-
Q:资源太多的话,会不会同样让人眼花缭乱,不知道看哪个?
A:现在编程资源非常多,肯定会出现这种情况,这也是我们做 系统 而不是整理文档的原因。可以通过评分、评论、排序、推荐等方式缓解,大家觉得好的资源才会有更多被发现的机会!
-
Q:分享资源时直接给别人可访问的链接不就行了,为什么要从编程导航分享?
A:的确,分享链接在很多场景下都很方便。但如果分享资源时,能让他人直接看到资源的描述、详情,可以更快地帮助他人使用和理解。还可以通过评论区来对资源的质量进行区分。后续还会为每个资源添加视频介绍,帮助大家快速上手!
项目简介
整个编程导航不仅仅是一个项目,而是以 "帮助大家发现优质编程资源,提升效率" 为目标的完整生态。包含多个子项目,目前已上线『 编程导航主站 』和『 编程主页 』。
编程导航主站
帮助大家发现优质编程学习资源。
网址:https://www.code-nav.cn
功能:可以检索自己需要的资源、分享好的资源,并对他人推荐的资源进行评价。好的资源会被更多人发现,让更多同学感受到技术带来的美好。
项目展示
推荐资源
![](https://filescdn.proginn.com/3e26901f904ac2e794f04d88fad688af/9a0a44ec6a531869b92f7c5e1453bdf4.webp)
资源大全
![](https://filescdn.proginn.com/10ae1b8ca3987daec9b5f011fa1311f0/8e5d249ee08c634001d9d49e78393786.webp)
收藏夹
![](https://filescdn.proginn.com/6a0d36f432980bbc6e66cea9254f9792/7306a122c7bda861fa6897622c0af1ec.webp)
资源详情
![](https://filescdn.proginn.com/59570e4682e4603d01bd7925ec823ac8/25ac35dada05311ec098fe7034fc6042.webp)
评论区
![](https://filescdn.proginn.com/eff4b476733e3ea583868ecfd8b8afc6/66e0d216ad3194ae8f9710c16bcb18d3.webp)
编程导航主页
极简炫酷的浏览器主页!支持一键使用多个搜索引擎,主页内置了一些程序员必备优质站点,提升效率,还可以切换主题、定制壁纸等。
网址:https://home.code-nav.cn
项目展示
透明主页
![](https://filescdn.proginn.com/045d27f5fa620f04470b397ed8aadea8/eb5f32c76656aa044804b0b114dda91b.webp)
白底主页
![](https://filescdn.proginn.com/487b6bb6b20398f98151a48e70e45db5/f5c5e29240df34f8ea265ec354a97247.webp)
万能搜索
![](https://filescdn.proginn.com/23c1ac0b66384ecfa45ffada4c99b418/0a4d641ac21ee412fb75966a9526db15.webp)
万能搜索结果页
![](https://filescdn.proginn.com/b9d0072e627be44d82d824f9c01ede05/3a0ac3954ea6137ea60b2031851be1d7.webp)
切换壁纸
![](https://filescdn.proginn.com/d2fea3c50713980955c3f31a64a4ce1c/abf94aa549ffa83ec04c2d28acb01535.webp)
随机壁纸
![](https://filescdn.proginn.com/3808b2659ba125464c002ab8570af4f5/ecb8766e0f1a578fafe24bd1a87c7ea3.webp)
动态壁纸
![](https://filescdn.proginn.com/9b14ec8b5dab34aa437b97b301a8ed23/5f552841c049bb38e2c4edc1a99bb290.webp)
技术选型
整个项目的前端基于 React
、后端基于 腾讯云云开发
(云开发的所有功能几乎都有覆盖), 不同的子项目用的框架和依赖类库也不尽相同。
比如编程导航主站使用 Umi
+ Ant Design Pro
、编程主页使用 React Static
、静态文档站点使用 dumi
生成、微信公众号后台使用 SpringBoot
等。
后续计划
现阶段整个站点类似 “程序员百度” 或是 “程序员应用市场”,还是一个静态搜索的方式帮助大家发现好的资源。
编程导航不是社区,目的不是占用大家的时间,相反,是希望通过站点来提高大家找资源的效率。因此后续很可能会使用大数据 + AI 等技术实现更定制化的推荐,真正做到精准和动静结合。在你需要学某种编程技能时,给出最好的资源和方案!
已经有部分同学在站点上进行推荐,因此每天都会有一些新的资源,信息不会完全重复,这也是和静态导航网站区别最大的地方。我会选出一些好的同学给予奖励~ 希望大家一起维护好的编程生态!
(还有,现在界面太丑了、后台延迟也比较大,都是需要解决的问题 😢)
最后
整个编程导航体系的所有系统,全部开放源码 给大家学习,使用这套代码,你也能轻松开发多端适配网站,搭建属于自己的炫酷主页!
如果觉得不错的话,分享给身边需要的朋友吧,这将成为我们不断改进的动力!❤️
⬇️ 点击阅读原文查看项目详情及源码 ⭐ 您的星星对我真的很重要