Skip to content

og:image meta tag not generated correctly with img_path #754

@joshjohanning

Description

@joshjohanning

Checklist

  • I have read the tutorials and know the correct effect of the functional design.
  • There are no similar reports on existing issues (including closed ones).
  • I found the bug on the latest code of the master branch.

Describe the bug

It looks like the image post works when using img_path (ie: using the short path), but the og:image meta tag doesn't render correctly.

See my example post.

The title image shows up correctly in the post, but because I am using img_path, it doesn't seem that the og:image tag renders correctly.

Markdown:

img_path: /assets/screenshots/2022-10-12-using-github-checks-api
image:
  path: status-check.gif

If searching the source of the page, you will find:

<meta property="og:image" content="https://josh-ops.com/status-check.gif" />

The image should be:

https://josh-ops.com/assets/screenshots/2022-10-12-using-github-checks-api/status-check.gif

At least according to the docs, this should work:

In addition, the [img_path](https://chirpy.cotes.page/posts/write-a-new-post/#image-path) can also be passed to the preview image, that is, when it has been set, the attribute path only needs the image file name.

To Reproduce

Steps to reproduce the behavior:

  1. Use img_path
  2. Use short version of image for the post's image
  3. Search html to find the og:image tag

Expected behavior

Using correct version of image path

Screenshots

n/a

Environment

Command Version
ruby -v
gem -v
bundle -v
bundle exec jekyll -v
bundle info jekyll-theme-chirpy

Desktop

macOS latest
Chrome latest

Smartphone

n/a

Additional context

cc joshjohanning/joshjohanning.github.io#21 and credits to @ruzickap

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions