import {defineConfig} from 'astro/config';
import mdx from '@astrojs/mdx';
import sitemap from '@astrojs/sitemap';
import tailwind from "@astrojs/tailwind";
import image from "@astrojs/image";
import remarkMath from "remark-math";
import rehypeKatex from "rehype-katex";
// https://astro.build/config
// https://astro.build/config
export default defineConfig({
site: 'https://astrofy-template.netlify.app',
integrations: [
mdx({
syntaxHighlight: 'shiki',
shikiConfig: {theme: 'dracula'},
remarkPlugins: [remarkMath],
rehypePlugins: [rehypeKatex],
remarkRehype: {footnoteLabel: 'Footnotes'},
gfm: false,
}),
sitemap(),
tailwind(),
image({
serviceEntryPoint: '@astrojs/image/sharp',
cacheDir: "./.cache/image",
logLevel: 'debug'
})]
});
and I did not change anything else. But the result will be like:
the problem is all math are rendered twice.
I did not get any web development training before, I guess it must be my mistake, plz tell me.