我终于在春节前,完成了开源社区 HelloGitHub.com 的重构。
HelloGitHub.com 是我在 2017 年的时候用 Flask+jQuery 开发的网站,最初的想法很简单就是为了方便管理和发布《 HelloGitHub 月刊》,上线后这一用就是 5 年。
随着编程技术的不断发展,当年构建网站用的技术栈已经有些过时了,再加上之前网站的内容是围绕月刊而不是开源项目构建,很难再开发更多的功能,很大程度上限制了它的发展。所以我在 2022 年初的时候,决定彻底重构 HelloGitHub 网站,将它做成一个围绕开源项目的社区,用户可以在里分享、评论、打分开源项目,就像开源项目的豆瓣。
经过一年的努力,全新的 HelloGitHub.com 社区终于顺利上线,我是越用越顺手、越看越喜欢,虽然她入世未深还有很多不足之处,但俗话说的好”丑媳妇总得见公婆“,而且这不是快过年了嘛,也是时候介绍给大家认识了。
我建立 HelloGitHub 的初衷很简单,就是想让优秀的开源项目被更多人发现和喜欢,随着开源的蓬勃发展,优秀的开源项目如雨后春笋般层出不穷。每月一期的 HelloGitHub 月刊,每期收录的项目从第一期不到 20 个,现在已经提高到了近 40 个,但是就算是这样还是有很多优秀的开源项目,会因为月刊的篇幅有限而无法入选。
既然月刊限制了推荐开源项目的数量,那我就将月刊页面打散做成信息流的样子。这样虽然月刊收录的项目有限,但那些没有收录到月刊的开源项目,也能出现在 HelloGitHub 网站的首页,让更多人看到。
所以,我就把 HelloGitHub 网站的「首页」改成了信息流,这里不仅有月刊中的项目,还有未能入选月刊但同样优秀的开源项目。这样一来,用户不仅可以看到更多的开源项目,同时也可以让没能入选月刊的开源项目,获得流量和关注。
为了做出上述的功能,我需要将原本核心的月刊表和开源项目表进行重新设计。因为,之前 HelloGitHub 的数据都是围绕月刊,像 Star 数、链接等开源项目的信息,只能算是月刊内容的扩展项。现在要倒过来将月刊内容变成开源项目的扩展内容。
这就相当于把月刊打散,最小单位从月刊改成开源项目,从而实现围绕开源项目的首页信息流,以及根据标签过滤开源项目、搜索等功能。
接下来,随着项目的独立「开源项目详情页」也就顺势而生,用户可以在这里查看更多关于该项目的信息,比如:项目评分、是否包含中文、主要的编程语言、是否活跃和开源协议等。
除此之外,还可以执行点赞、收藏、分享、访问项目、评论、评分等操作。
用户是社区的核心,用户对开源项目的评价是这个社区的价值所在。经过一番思考和调研,我又重新设计和修改了一版「详情页」,突出了用户最常用的访问项目操作,最关心的评分,并将点赞、评分等操作变得更加醒目。
如果将 GitHub 上的开源项目信息比作产品成分表,那么 HelloGitHub 上的标题、附加描述、用户点赞、评论和评分就是产品包装。我认为大多数开源项目作者都是程序员,他们喜欢醉心于项目的研发,但不愿花力气去想宣传语、写文案、做推广。
既然如此,我就想出了一个组合:你负责用代码改变世界,HelloGitHub 来为你带上奖章。所以我做了「网站徽章」的功能,用户可以通过一键复制代码,将项目在 HelloGitHub 获得的点赞数展示出去,并且点击该徽章后可直接进入到开源项目的详情页,开源项目的潜在用户不仅可以方便地查看其它使用者的评价,还可以留下自己对开源项目的看法。
我经常说“不懂编程的人也可以为开源做贡献”,在 HelloGitHub 一个点赞、一个评论、一个分享,都是在为你喜欢的开源项目做贡献。
这次网站改版的幅度有些大,导致有的老用户刚进来有些懵,找不到之前用的功能了。其实旧功能一个都没有少,我只是将他们的入口整齐地放在了 header 。
不仅如此,我还对旧网站的月刊、编程语言排行榜、文章等模块做了移动端适配。
以及一些细节优化,比如:月刊内的目录、期数选择、增加了详情页的入口等。
网站还增加了黑暗模式,需要登录后才能看到切换黑暗模式按钮,就在用户头像的旁边。
除此之外,这里还展示了用户等级和贡献值,下面介绍下获得贡献值的 2 种方式:
分享项目的按钮分别在首页「提交项目」和月刊「推荐」,现在分享开源项目时只要输入想要分享的项目链接,就能立刻检测出项目是否被推荐过,不仅可以有效地防止项目重复推荐,还可以避免最后提交时才发现项目已经推荐过,白写推荐语的悲剧。
重头戏来了,通过「我的主页」可以进入到个人首页,这里有你的贡献值动态、评论记录、收藏的项目,而且收藏夹不仅可以自己看,还可以支持「公开收藏夹」从而让更多人看到你精选的开源项目集。
欢迎体验,如遇 bug 可以留言反馈。
1
vowers 2023-01-19 13:48:26 +08:00
挺好 你们的公众号每一期我都看看
网站看了一眼也挺不错的 资瓷 |
2
zhangfeiwudi 2023-01-19 14:04:16 +08:00
挺好的,给个建议排行榜那边可以加个每个软件的 icon,这样看起来不至于那么千篇一律
|
3
jomalonejia 2023-01-19 14:06:51 +08:00
首页字体有点小
|
4
Noicdi 2023-01-19 14:08:37 +08:00 via iPhone
网站 rss 是针对月刊的,有针对热点速览的 rss 嘛
|
5
ql562482472 2023-01-19 14:11:21 +08:00
哈哈 还可以学学 thoughtwork tech lidar ,把 item 再弄个成熟度模型出来 创意介绍一次,snapshot 介绍一次,release 介绍一次 广泛使用再介绍一次
|
6
zhq566 2023-01-19 14:14:21 +08:00
厉害,看你们网站很久了,之前 28 号更新,后面突然发现改版了,更喜欢现在这种版式。
另外推荐的 ocrmypdf ,解决我的近期看标准文档的痛点 |
7
Pipecraft 2023-01-19 14:23:04 +08:00
订阅很久了,支持。
欢迎大家也来看看我们的社区。一个分享技术文章的社区 - https://dto.pipecraft.net/ |
8
stevenshum 2023-01-19 14:40:25 +08:00
要是能接入 GitHub 账号登陆,那就更加契合 HelloGitHub 的这个名字了
|
10
woshinide300yuan 2023-01-19 16:11:16 +08:00
挺好的,哈哈,注册了一下。
|
11
imMetaverse 2023-01-19 17:39:06 +08:00
新版本 网站体验很卡
|
12
wayne3602 2023-01-19 18:31:16 +08:00 via Android
好!很有精神!
|
13
wayne3602 2023-01-19 18:40:10 +08:00 via Android
你好,访问按钮能否改为跳转到新标签页,而不是页面内。🥲
|
14
shuianqingfeng 2023-01-19 21:41:32 +08:00
不错的想法 希望越办越好
|
15
dobelee 2023-01-19 22:43:51 +08:00
mark ,又多了个摸鱼的地方。
|
16
dobelee 2023-01-19 22:45:05 +08:00
login 崩了。
|
17
kimwang 2023-01-19 22:51:57 +08:00 via Android
不知道说什么,除了牛牛牛,先膜拜收藏,好好研究了再来回复。
|
18
terranboy 2023-01-19 22:53:06 +08:00
太慢了
|
19
BigShot404 2023-01-19 23:12:16 +08:00
非常好,比以前清爽多了
|
20
DIYgods 2023-01-20 02:41:56 +08:00
RSS 好评,订阅上了
|
21
noahhhh 2023-01-20 05:28:19 +08:00
希望适配下跟随切换浏览器暗色模式
|
22
raolight 2023-01-20 10:52:53 +08:00
|
23
xueweihan OP @imMetaverse 可以关闭代理试试哈,仅支持国内线路访问哈。
|
26
lstz 272 天前 via Android
请问开源社区自身开源吗
|
27
xueweihan OP |