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

Interested in reading more such articles from Alberto Bonacina?

Support the author by donating an amount of your choice.

Recent sponsors
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.

Syed Fazle Rahman's photo

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

Sandeep Panda's photo

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

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

Qiusheng Wu's photo

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

Rana Emad's photo

Great hack! Thank you for sharing!

Bolaji Ayodeji's photo

This is really amazing, thanks for sharing!

Deactivated User's photo

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

Victoria Lo's photo

Nice! Thanks for sharing!

Maria Kristina Salada's photo

so thanks 🙌

Murewa Ashiru's photo

Nice article.

Doesn't seem to work for me though.

Show +2 replies
Alberto Bonacina's photo

Murewa Ashiru I checked your action and in the 'steps: uses:' you must leave 'gautamkrishnar/blog-post-workflow@master' you don't have to change with your username.

Murewa Ashiru's photo

Alberto Bonacina It works now. Thanks a lot. You're a life saver.