Get Dynamic Blog Card on your READMEs!
Github Blog Cards enables automatic rendering of dynamic blog cards, showcasing from your 10 latest articles from platforms like Medium, Dev, Hashnode. Elevate your profile, save time, and engage readers directly on your GitHub readme.
By integrating this feature, your profile gains visual appeal and keeps visitors informed about your latest writings.
Paste this into your markdown content.
Change the ?username=
and &blogname=
value to your GitHub username and blogname from options medium
, dev
and hashnode
.
<a href="https://github-blog-cards.vercel.app/blog?username=vishalqw78&blogname=medium">
<img src="https://github-blog-cards.vercel.app/blog?username=vishalqw78&blogname=medium"/>
</a>
How to use the Github Blog Cards
There are 4 Different Parameter that can be used
The Paramter username
and blogname
are used with each other at a same time.
Note
The Default Value of username is Vishalqw78 (Project Owner's Username) and blogname is medium.
Warning
Provide the correct value of Username and blogname otherwise it will result in error
Change the following the render the cards.
There are Three Available Blog Site to fetch and display the Blog Post Cards. Medium Dev Hashnode
<a href="https://github-blog-cards.vercel.app/blog?username=vishalqw78&blogname=medium">
<img src="https://github-blog-cards.vercel.app/blog?username=vishalqw78&blogname=medium"/>
</a>
That Card that rendered
<a href="https://github-blog-cards.vercel.app/blog?username=nevodavid10&blogname=hashnode">
<img src="https://github-blog-cards.vercel.app/blog?username=nevodavid10&blogname=hashnode"/>
</a>
That Card that rendered
<a href="https://github-blog-cards.vercel.app/blog?username=corpcubite&blogname=dev">
<img src="https://github-blog-cards.vercel.app/blog?username=corpcubite&blogname=dev"/>
</a>
That Card that rendered
The Index Parameter is used to fetch the nth from last Blog.
This will result in fetching the 2nd and 3rd last Blog from Hashnode of user profile.
Note
If the index is not available or greater than 10 it will result in fetching the Most Recent Blog.
<a href="https://github-blog-cards.vercel.app/blog?username=https://lo-victoria.com/&blogname=hashnode&index=2">
<img src="https://github-blog-cards.vercel.app/blog?username=https://lo-victoria.com/&blogname=hashnode&index=2"/>
</a>
<a href="https://github-blog-cards.vercel.app/blog?username=https://lo-victoria.com/&blogname=hashnode&index=3">
<img src="https://github-blog-cards.vercel.app/blog?username=https://lo-victoria.com/&blogname=hashnode&index=3"/>
</a>
You can use the ?theme=
to change between the different theme.
👀 Available Themes
👀 The RSS Feed Of Available Blogs
Site | RSS Feed |
---|---|
Medium | https://medium.com/feed/@your-username |
Dev.to | https://dev.to/feed/your-username |
Hashnode | https://blogname/rss.xml |