Getting Hashnode Blog post Image from the feed

[sansk]

Is your feature request related to a problem? Please describe.
I would like to have Image/Thumbnails displayed along with my blog post title, Date & Description

Describe the solution you'd like
Able to fetch the image from the hashnode feed and use it in the template option.

Describe alternatives you've considered
Can have a workaround with custom_tags just like something you have suggested for $videoId.

[gautamkrishnar]

@sansk please try using the yaml below:

name: Latest blog post workflow
on:
  schedule: # Run workflow automatically
    - cron: '0 * * * *' # Runs every hour, on the hour
  workflow_dispatch: # Run workflow manually (without waiting for the cron to be called), through the Github Actions Workflow page directly

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v2
      - name: Pull in Hashnode posts
        uses: gautamkrishnar/blog-post-workflow@master
        with:
          feed_list: "https://theintrovertcoder.hashnode.dev/rss.xml"
          max_post_count: 3
          custom_tags: "postImage/cover_image/"
          template: "$postImage"
          commit_message: "Updated README with the latest blog posts"

You can now use $postImage in the template to display the image. Date and the rest can be rendered using corresponding variables. Please check https://github.com/gautamkrishnar/blog-post-workflow#options template row for the list of variables available.

[Sagar0-0]

What could be the custom tag for getting medium post banner? And how did you actually find that this specific custom tag will work for hashnode?

[sansk]

Thanks @gautamkrishnar.
I have added images to the latest blog post items

https://github.com/sansk/sansk#my-latest-blog-posts-

My blog-post-workflow.yml,

name: Latest blog post workflow
on:
  schedule: # Run workflow automatically
    - cron: '0 * * * *' # Runs every hour, on the hour
  workflow_dispatch: # Run workflow manually (without waiting for the cron to be called), through the Github Actions Workflow page directly

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v2
      - name: Pull in Hashnode posts
        uses: gautamkrishnar/blog-post-workflow@master
        with:
          feed_list: "https://theintrovertcoder.hashnode.dev/rss.xml"
          max_post_count: 3
          commit_message: "Updated README with the latest blog posts"
          date_format: "mmm d, yyyy"
          custom_tags: "postImage/cover_image/"
          template: '<table style="width:100%"><tr><td style="width:150px"><a href="$url"><img width="140px" src="$postImage"></a></td><td><a href="$url">$title</a> | $date </td></tr></table>$newline'

[gautamkrishnar]

Maybe it is github messing up the regular expression. Will take a look later. Thanks for letting me know

[sansk]

Sure. Thanks @gautamkrishnar
Your speed of replying amazes me 🙂

[gautamkrishnar]

@sansk this is due to the html encoding. Please use the following:

name: Latest blog post workflow
on:
  schedule: # Run workflow automatically
    - cron: '0 * * * *' # Runs every hour, on the hour
  workflow_dispatch: # Run workflow manually (without waiting for the cron to be called), through the Github Actions Workflow page directly

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v2
      - name: Pull in Hashnode posts
        uses: gautamkrishnar/blog-post-workflow@master
        with:
          feed_list: "https://theintrovertcoder.hashnode.dev/rss.xml"
          max_post_count: 3
          commit_message: "Updated README with the latest blog posts"
          date_format: "mmm d, yyyy"
          custom_tags: "postImage/cover_image/"
          disable_html_encoding: true
          item_exec: |
            post.description = post.description.replace(/<\/?[^>]+(>|$)/g, "").slice(0,100)
          template: '<table style="width:100%"><tr><td style="width:150px"><a href="$url"><img width="140px" src="$postImage"></a></td><td><a href="$url">$title</a> | $date <br> $description...</td></tr></table>$newline'

[gautamkrishnar]

Fixed this on #117 even if you don't use the above workaround, it will work fine now @sansk

[sansk]

God Speed @gautamkrishnar
Thanks