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

Add the URL encoder to the README, the home share card and package.json

未关闭
  • 哪里不对？
#153 4 条评论 0 个 reaction 已指派 1 人 在 GitHub 查看

维护者通常 1 天内回复

@Abhishek764 已经在做这个了。

开始于 2026年10月19日。

  • #1 来自 @Abhishek764 —— 已合并
  • #167 来自 @ciperx —— 已关闭，未合并
  • #195 来自 @Abhishek764 —— 未关闭

评估

这个 Issue 还没有评估数据。

描述

documentation good first issue hacktoberfest

The URL Encoder & Decoder is our fifth tool. Everything that reads the tool registry picked it up, but a few hand-written lists still name only the first four.

Where to look

  • README.md, "Tools" section: the image gallery (lines 43 to 60) and the list under it (lines 62 to 65)
  • .github/assets/: one share image per tool and og-home.png, but no og-url-encoder.png
  • lib/og.tsx, renderHomeOgImage (line 205): the description on the home share card
  • package.json: description (line 5) and keywords
  • CONTRIBUTING.md, "Adding a tool"

What to do

  • Add the URL encoder to the README gallery and list, in the same style as the other four.
  • Save its share image as .github/assets/og-url-encoder.png. Run npm run dev, open http://localhost:3000/url-encoder and look for the og:image tag in the page source. Open that path on localhost and save the PNG. The path has a suffix (something like /url-encoder/opengraph-image-190rzf), and without it you get a 404.
  • Name the URL encoder in the home card's description in lib/og.tsx. There is room for two lines of text there, so check http://localhost:3000/opengraph-image and shorten the sentence if it wraps to a third.
  • Save the new home card over .github/assets/og-home.png (the README shows it at the top).
  • Add it to description and keywords in package.json.
  • Add a step to "Adding a tool" in CONTRIBUTING.md that lists these places, so the next tool doesn't miss them.

Acceptance criteria

  • The README gallery and list show five tools, and the new image loads on GitHub
  • .github/assets/og-url-encoder.png is the tool's own share image, 1200 x 630
  • The home share card names the URL encoder, its description stays on two lines, and og-home.png matches it
  • package.json description and keywords include the URL encoder
  • "Adding a tool" in CONTRIBUTING.md mentions the README, .github/assets/, the home share card and package.json
  • npm run lint && npm run test && npm run build passes

The tool goes live on tools.codercops.com with the next release, so https://tools.codercops.com/url-encoder may still be a 404 when you test the README link.

Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off develop, and open your PR against develop with Closes #153 in the description.

主要语言
TypeScript
星标
1
派生
9
平均合并
7 小时 34 分钟
30 天内合并 PR
146

环境准备

从这里开始

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

codercops/toolbelt 的其他 Issue

查看 codercops/toolbelt 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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