How to add Hasnode Blog List on GitHub Profile Page

Subscribe to my newsletter and never miss my upcoming articles

Hi everyone, you all have surely heard that it is possible to customize your profile on GitHub thanks to the creation of a customized repository as explained very well in this article How to Add a README file to your GitHub Profile by Bolaji Ayodeji. In this article, I want to guide you on update your GitHub profile with your last articles on Hashnode thanks a fabulous GitHub Action: blog-post-workflow written by Gautam krishna R. Let's code it!

Update your Readme

On your profile's Readme.md file and add these lines where you want to display the list of your blog posts

## Hashnode Blog Post
<!-- HASHNODE:START -->
<!-- HASHNODE:END -->

Create a GitHub Workflow

In your repo create a folder named .github and create workflows folder inside it if it doesn't exist, create inside it a new file called blog-post-workflow.yml. On that file copy/paste this code:

name: Lastest Hashnode Blog Post
on:
  schedule:
    # Runs every hour
    - cron: '0 * * * *'
  workflow_dispatch:

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest Hashnode blog posts
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: gautamkrishnar/blog-post-workflow@master
        with:
          comment_tag_name: "HASHNODE"
          commit_message: "Updated readme with the latest Hashnode Blog data"
          feed_list: "https://polilluminato.hashnode.dev/rss.xml"

You have to change the last option feed_list with the link of your Hashnode blog RSS feed. You can also change other options as described in the blog-post-workflow repo Readme. Wait till the GitHub action does all the stuff (in my case every hour) or if you don't want to wait you can manually run the GitHub action thanks to the workflow_dispatch option. All you have to do is to go in the Actions tab of your repo, select the Lastest Hashnode Blog Post workflow, the click on Run workflow.

Schermata da 2020-08-06 18-11-19.png

After a few seconds, the workflow should start and when it finishes in your profile Readme you should see a new section with the last 5 articles from your Hashnode blog. This is mine

Schermata da 2020-08-06 18-15-56.png

Simple, isn't it?

Alberto

Luiz Filipe da Silva's photo

I loved it! I just added it to my Github profile. Thanks for sharing!

Edidiong Asikpo's photo

Simple, isn't it?

With an amazing explanation like this, it is simple. Thank you for sharing Alberto Bonacina.

Qiusheng Wu's photo

Very useful! I just added it to my GitHub profile. Thank you.

Tim Apple's photo

Thanks so much, have this added and it's working great!

Bolaji Ayodeji's photo

This is really amazing, thanks for sharing!

Jatin Rao's photo

That's Awesome! I'm using it too in my github profile readme to fetch posts from hashnode and dev.to

Victoria Lo's photo

Nice! Thanks for sharing!

Rana Emad's photo

Great hack! Thank you for sharing!

Syed Fazle Rahman's photo

This is awesome. Thanks for writing, Alberto. 👏👏

Sandeep Panda's photo

Great tip - thanks for sharing with the community. :)