Fixing GitHub Stats Card Issue in Jekyll al-folio ๐Ÿš€

Deploy on Your Own

First Step: Get Your Personal Access Token (PAT)

To deploy your own instance of GitHub Readme Stats, you need a GitHub Personal Access Token (PAT). This token allows you to bypass API limits and optionally show private contributions.

Classic Token

Fine-Grained Token

โš ๏ธ Warning: Fine-grained tokens limit scope to issues and only include public commits.


On Vercel

๐ŸŽฅ Step-by-step video tutorial by @codeSTACKr

Since the GitHub API only allows 5k requests per hour, hosting on your own Vercel server removes this limitation.

๐Ÿ’ก Note: Since PR #58, request handling has improved with fewer downtime issues.
๐Ÿ’ก Note: On Vercel Pro, you can increase maxDuration in vercel.json if requests frequently time out. Keep it below 30 seconds to avoid high memory usage.

Deploy to Vercel

๐Ÿ‘‰ Before deploying, fork bmfatiur/github-readme-stats.


๐Ÿ”ง Step-by-step guide on setting up your own Vercel instance 1. Go to [vercel.com](https://vercel.com/). 2. Click **Log in**. ![](https://files.catbox.moe/pcxk33.png) 3. Sign in with GitHub โ†’ **Continue with GitHub**. ![](https://files.catbox.moe/b9oxey.png) 4. Allow GitHub access to repositories if prompted. 5. Fork the repo. 6. Go to your [Vercel dashboard](https://vercel.com/dashboard). 7. Click **Add New โ†’ Project**. ![](https://files.catbox.moe/3n76fh.png) 8. Import the forked repo via **Continue with GitHub โ†’ Import**. ![](https://files.catbox.moe/mg5p04.png) 9. Create a PAT (see [above](#first-step-get-your-personal-access-token-pat)). 10. Add the PAT as an environment variable named `PAT_1`. ![](https://files.catbox.moe/0yclio.png) 11. Click **Deploy** โ†’ check your domains to use the API.

Update Jekyll al-folio Includes

Finally, update the following files in your alโ€‘folio repo:

  • _includes/repository/repo.liquid
  • _includes/repository/repo_user.liquid

Replace all instances of:

https://github-readme-stats.vercel.app

with your deployed domain, e.g.:

https://github-readme-stats-theta-pink-91.vercel.app

โœ… Thatโ€™s it! Your GitHub stats cards should now render correctly in alโ€‘folio. Hopefully working smoothly โ€” InshaAllah.





Enjoy Reading This Article?

Here are some more articles you might like to read next:

  • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
  • Displaying External Posts on Your al-folio Blog
  • Fixing GitHub Profile Trophy Issue in Jekyll al-folio ๐Ÿ†
  • Fixing Xtreme Download Manager Desktop Icon Issue on Ubuntu ๐Ÿ› ๏ธ
  • Linking Inline News to Full Blog Posts in al-folio โœ๏ธ