6

爆肝 200 小时,我做了个编程导航!

 3 years ago
source link: http://www.cnblogs.com/yupi/p/14317137.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

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

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

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

aauEF33.png!mobile

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

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

M7Vn22i.png!mobile

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

yiqQNn3.png!mobile

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

为什么需要编程导航?

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

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

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

  1. 很多名不副实的编程资源被捧上了天,名人效应、一叶障目

  2. 好的编程资源被商业利益化,很多人利用信息差,将本来免费的资源进行贩卖

  3. 好的编程资源由于作者不出名,没有被人发现

  4. 网上的编程资源非常零散,真实性、有效性很不确定

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

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

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

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

YB3AVn2.png!mobile

QA 问答

  1. Q:编程类导航网站都烂大街了,为什么还要做导航?

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

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

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

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

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

项目简介

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

编程导航主站

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

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

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

项目展示

推荐资源

eqiqIbF.png!mobile

资源大全

ZFZjueV.png!mobile

收藏夹

bqa673M.png!mobile

资源详情

QRJzyq.png!mobile

评论区

UVfuq2Z.png!mobile

编程导航主页

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

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

项目展示

透明主页

M7Vn22i.png!mobile

白底主页

z2e2Mz.png!mobile

万能搜索

3QvqYnV.png!mobile

万能搜索结果页

3Ufqm2i.png!mobile

切换壁纸

UJzaIvi.png!mobile

随机壁纸

JJneau6.png!mobile

动态壁纸

QZjUJ3E.png!mobile

技术选型

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

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

后续计划

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

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

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

(还有,现在的界面太丑了、后台延迟也比较大,都是需要解决的问题 :cry:)

最后

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

如果觉得不错的话,分享给身边需要的朋友吧,这将成为我们不断改进的动力!:heart:


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK