How to Add a Comment Section to Your GitHub Profile
A developer shares a clever trick to add a comment section to GitHub profiles using Discussions, SVG rendering, and zero databases.
Stock photo for illustration only, not from the actual event
- Add a comment section to GitHub profiles leveraging GitHub Discussions.
- Runs entirely without a database or dedicated server.
- Avatars must be embedded as data URIs at build time due to outbound proxy blocks.
- Available on the GitHub Marketplace under the project name GitComment.
Standard GitHub profiles traditionally lack a simple way for visitors to say hello or leave a brief note, much like features found on gaming platforms such as Steam. Developers have long sought a straightforward method to bridge this gap.
A clever developer has now solved this limitation by building a functional comment box directly onto their profile. Anyone with a GitHub account can leave a message, which typically appears within roughly thirty seconds.
Stock photo for illustration only, not from the actual event
The technical secret behind this feature lies in SVG rendering. GitHub allows SVG files in READMEs as long as they are referenced via an image tag rather than inlined, bypassing standard restrictions and unlocking full support for transforms, filters, and embedded fonts.
Relying on SVG manipulation in GitHub READMEs demonstrates creative frontend engineering, yet it introduces strict performance and security hurdles. Because GitHub proxies outbound requests, developers must carefully adapt their asset pipeline to handle dynamic elements like user avatars beforehand.
The catch is that such SVGs cannot fetch external assets in real time since GitHub proxies and blocks all outbound requests. Consequently, every user avatar must be downloaded and embedded as a data URI during the build process.
Source: Dev.to
Found something wrong in this article? Report an issue with this article
Comments
Leave a Comment