Astro in Github Pages can not correctly show css, javascript and images.

[CYC241002]

Astro Info

Astro                    v4.16.10
Node                     v22.13.0
System                   Windows (x64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             none

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

site I want to build
https://cyc241002.github.io/adventure_center/

Astro Config

// https://astro.build/config
export default defineConfig({
    site: "https://cyc241002.github.io/",
    base: "/adventure_center"
});

I have read this guidance.
https://docs.astro.build/en/guides/deploy/github/

I don't know why any files lost connection.
And I have already tried anything I can do
Is this like the bug?

What's the expected result?

I should see any pictures show correctly.

Link to Minimal Reproducible Example

https://cyc241002.github.io/adventure_center/

Participation

• I am willing to submit a pull request for this issue.

[github-actions]

Hello @CYC241002. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs repro will be closed if they have no activity within 3 days.

[ascorbic]

I can't tell without a repro, but it looks like you have images like this: <img src="/img/logo.png" >. Astro won't fix URLs like that for you. You either need to prefix them yourself, e.g. change them to <img src="/adventure_center/img/logo.png" >, or store the images in src and import them. See https://docs.astro.build/en/guides/images/#where-to-store-images for details.

[ascorbic]

I'm closing this because it is behaving as expected. In the linked site all the Astro-generated assets are loaded correctly, including CSS and JS. You just need to fix the image paths.