Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Show list of tech, topic, and events tags in project summary tiles

未关闭
#182 2 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
55/100
Issue 类型
功能
描述清晰度
描述清楚
活跃度
停滞
技术栈
bootstrap
领域
frontend

调研方向

首先定位项目浏览页面以及 issue 中引用的用户个人资料模板标记,然后比较标签的渲染和链接方式。当每个项目磁贴都为非空的 tech、topic 和 event 标签分别显示独立的 Bootstrap pill-badge 行,并且点击标签可以筛选项目列表时,即视为完成。

由索引模型根据 Issue 内容生成。

描述

On the browse projects page, add lines to each project's summary box listing out all tags as links that can be clicked to filter the projects list by that tag.

screen shot 2018-01-16 at 8 12 18 pm

The user profile page provides template markup that would make for a good starting point:

screen shot 2018-01-16 at 8 09 18 pm

But we want to show each type of tag in one line, using bootstrap's "Pill Badges" to wrap and set apart each tag on a line. There will be up to 3 lines if a project has tech, topic, AND event tags, but a line should not be shown for any type that has no tags currently.

主要语言
Smarty
星标
62
派生
34
PR 合并指标
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

CodeForPhilly/laddr 的其他 Issue

查看 CodeForPhilly/laddr 的全部 Issue

相似的 Issue

更多 Web Dev Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。