CSS paths are not correct | Astro Lounge | Page 1

spark ginkgo Nov 10, 2022, 10:45 AM

#

Hello, I used the Astro Docs template to build my documentation website. However, when building, Astro doesn't link the CSS file correctly. I am also using Vercel to deploy the website if that matters. https://rayfield-docs.vercel.app/en/introduction

ionic vector Nov 10, 2022, 10:47 AM

#

Hi @spark ginkgo 👋

#

Could you share what your astro.config file looks like?

spark ginkgo Nov 10, 2022, 10:48 AM

#

Yes!
This is my astro.config.mjs:

import { defineConfig } from "astro/config";
import preact from "@astrojs/preact";
import react from "@astrojs/react";

// https://astro.build/config
export default defineConfig({
  integrations: [
    // Enable Preact to support Preact JSX components.
    preact(),
    // Enable React for the Algolia search component.
    react(),
  ],
  site: `https://rayfield-docs.vercel.app/en/introduction`,
});

ionic vector Nov 10, 2022, 10:50 AM

#

Thanks! I think the issue is your site setting. Could you update that to be just:

site: 'https://rayfield-docs.vercel.app/'

spark ginkgo Nov 10, 2022, 10:53 AM

#

Oh I see, thank you so much!

#CSS paths are not correct