fix(blog): refactor OG Image URL

[shinGangan]

🔗 Linked issue

closed #1625 .

❓ Type of change

• [x] 📖 Documentation (updates to the documentation or readme)
• [ ] 🐞 Bug fix (a non-breaking change that fixes an issue)
• [ ] 👌 Enhancement (improving an existing functionality)
• [ ] ✨ New feature (a non-breaking change that adds functionality)
• [ ] 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• [ ] ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

When I checked the cause, it seemed that the definition method of MDC was different.

The setting method of OG Image URL has changed from V3.

• ref: https://nuxtseo.com/og-image/releases/v3#new-og-image-url

[shinGangan]

HI @benjamincanac , please review when you have a time 🙏 THis PR has low review priority.

[benjamincanac]

@shinGangan It's still broken for me in the preview: https://nuxt-website-o5aumb001-nuxt-js.vercel.app/blog/new-website

[shinGangan]

If you look at the target image path, it looks like a path that does not exist. /docs/getting-started/installation/__og_image__/og.png

I checked the commit where the fixed part was added, but it seems that the image has not been added at this commit.

• https://github.com/nuxt/nuxt.com/commit/8986b5737a63a7a148fb021356af6663ecdc666c

[shinGangan]

Add an image in this PR.

[Flosciante]

hi @shinGangan, thx for contribution, i deployed and it seems it's still broken on the preview https://nuxt-website-i2o3lknwi-nuxt-js.vercel.app/blog/new-website#open-graph-images

[shinGangan]

It seems that my local is going smoothly. It seems okay if there is no problem in the preview(vercel env).

[Flosciante]

Nice work @shinGangan thx for the fix

[shinGangan]

@Flosciante , thnaks for merged 🙏