任务和 BUG 的汇总

[521xueweihan]

优化

• 现在用的是 echart 有些过重，能不能换成动态生成 svg。Star 历史图形化展示 #112
• [优化]减小项目打包的体积 #101
• 搜索功能优化，支持搜索文章并打通公众号

新功能

• 榜单功能丰富内容 #93
• [功能]评论回复 #110
• [功能]教程模块 #119
• 首页信息流的优化，根据关注的语言标签自动筛选项目 #124
• 根据操作系统自动切换主题
• 高 Star 项目的推荐
• 开源项目相关的在线实用工具，Star 趋势图、增长数据、生成 logo 等

Tips：详细描述可点击查看对应的 Issue，后续沟通在对应的 issues 里留言。

---

已完成

• [优化]标签分类 #118
• 对话框弹出后背景页面可滚动
• [优化]图片查看交互 #106
• PC 端在暗黑模式下打开项目详情页会闪一下（我认为是因为新开tab所以获取主题有延迟导致，无法解决） #117
• 项目头像因未知原因，为一张空白图
• 登陆异常的问题
• 评论昵称长度过长显示不全的问题
• 用户空头像的问题
• 项目详情页优化，突出点赞等操作 #88
• [产品优化] 首页文章内容标题跳转github等项目地址区域辨识度增强 #74
• 优化：分享项目对话框（检查项目是否推荐过） #70
• PC 访问网站，发现底部有个左右滑动的进度条（没块）
• 发布评论后，评论的用户头像为默认头像，且无昵称
• 首页的项目主语言，加类似 GitHub 上不同语言不同颜色的圆圈
• 首页无限加载改成翻页
• 优化首页标签样式和交互
• Token 过期不展示登录入口的问题
• 评论内容溢出的 BUG
• 首页翻页优化（现在有请求两次接口的 BUG）
• 从“月刊”返回到“首页”时会失去登录状态
• 加载项目到底的提示
• 主题切换按钮手机端点击后一直处于选中状态 #49
• 首页 items 四个角有圆弧 border（黑暗模式下明显） #51
• 下拉组件 #45
• 排行榜 #40
• 页面双击 console 偶现异常 #48
• Modal 框有交互问题 #46
• MDRender 渲染组件的代码高亮，无法切换黑暗模式 #47
• 移动端 Header 优化 #50
• 切换下拉框没有反应（排行榜页面）
• favicon ico #57
• 移动端点击后样式一直为 hover 下的样式 #62
• 移动端访问文章，无 prose 样式 #66
• 搜索框交互优化 #56
• 文章 #60
• Onefile #61
• 自适应优化 #65
• 大小优化 #63
• Nextjs 的 Image 如何关闭本地缓存 #55

[521xueweihan]

3.1 开发遇到问题：

类似 GitHub 上不同项目主语言，不同颜色的小圈。项目主语言的对应的颜色是后端接口返回的。

我的设计是：通过 className={bg-[${item.lang_color}]`} 动态显示项目主语言对应的小圈，但这个颜色没有生效。

1. 我通过浏览器开发者模式，确认 item.lang_color 有值
2. 我把 bg 写死，写成一个 lang_color 比如：bg-[#2b7489] 是有颜色的

我到这里就卡住了，不知道怎么搞了。代码：29a556f

[onepisYa]

3.1 开发遇到问题：

类似 GitHub 上不同项目主语言，不同颜色的小圈。项目主语言的对应的颜色是后端接口返回的。

我的设计是：通过 className={bg-[${item.lang_color}]`} 动态显示项目主语言对应的小圈，但这个颜色没有生效。

1. 我通过浏览器开发者模式，确认 item.lang_color 有值
2. 我把 bg 写死，写成一个 lang_color 比如：bg-[#2b7489] 是有颜色的

我到这里就卡住了，不知道怎么搞了。代码：29a556f

Tailwind 不能依赖于在客户端发生变化的任何类型的任意动态值。在这些情况下使用内联样式。
arbitrary-value-support 文档在这里。

[zhangzhonghe]

待认领

• PC 访问网站，发现底部有个左右滑动的进度条（没块）
• 发布评论后，评论的用户头像为默认头像，且无昵称
• 首页的项目主语言，加类似 GitHub 上不同语言不同颜色的圆圈
• 首页无限加载改成翻页
• 优化首页标签样式和交互
• Token 过期不展示登录入口的问题
• 评论内容溢出的 BUG
• 首页翻页优化（现在有请求两次接口的 BUG）

下面是问题描述详情：

1、发布评论后，评论的用户头像为默认头像，且无昵称

2、优化首页无限加载

计划将无限加载改成分页，理由如下：

1. 项目并不同于社交的时间信息流，浏览过后还有再次浏览的需求。
2. 点击查看项目详情后，点击返回应该跳转到之前浏览的位置方便继续阅读，否则将再次从头浏览。
3. 犹豫本网站的内容是精品开源项目推荐，内容更新较慢。
4. 鼓励“挖坟”寻找到自己真正感兴趣的项目，用你的热爱点亮它。
5. 希望用户在里可以学到东西，而不是一瞥而过。

首页滚动问题已解决，继续保持无线加载的方式。

[521xueweihan]

@zhangzhonghe 这个评论的 bug 能否修复一下：

发布评论后，评论的用户头像为默认头像，且无昵称

还有用户首页，有时间的话样式可以再优化一下。

[zhangzhonghe]

评论的 BUG，我现在看下。用户首页我晚上搞。

[521xueweihan]

@RJM1996 Header 搜索优化的建议在这里哈

[adoin]

3.1 开发遇到问题：

类似 GitHub 上不同项目主语言，不同颜色的小圈。项目主语言的对应的颜色是后端接口返回的。

我的设计是：通过 className={bg-[${item.lang_color}]`} 动态显示项目主语言对应的小圈，但这个颜色没有生效。

1. 我通过浏览器开发者模式，确认 item.lang_color 有值
2. 我把 bg 写死，写成一个 lang_color 比如：bg-[#2b7489] 是有颜色的

我到这里就卡住了，不知道怎么搞了。代码：29a556f

这个要safelist