image url resolution with base path

timlrx / tailwind-nextjs-starter-blog

This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

MIT License

8.45k stars 1.96k forks source link

We are setting up pmndrs/blog with tailwind-nextjs-starter-blog

It is published through GitHub Pages under the url: https://pmndrs.github.io/blog

In siteMetadata.js, I've defined:

  siteUrl: 'https://pmndrs.github.io/blog',

It is working great: https://pmndrs.github.io/blog

Except for images, like:

---
name: pmndrs
avatar: /static/images/avatar-pmndrs.svg
occupation:
company: Poimandres
email:
twitter: https://x.com/pmndrs
github: https://github.com/pmndrs
---

where this time, it is resolved to:

https://pmndrs.github.io/static/images/avatar-pmndrs.svg, instead of:
https://pmndrs.github.io/blog/static/images/avatar-pmndrs.svg

or for projects:

timlrx / tailwind-nextjs-starter-blog

image url resolution with base path #955