personal site
1// @ts-check
2import { defineConfig, fontProviders } from "astro/config";
3import tailwindcss from "@tailwindcss/vite";
4import mdx from "@astrojs/mdx";
5import react from "@astrojs/react";
6import glwTheme from "./src/styles/glw-shiki-theme.json";
7
8// https://astro.build/config
9export default defineConfig({
10 vite: {
11 plugins: [tailwindcss()]
12 },
13
14 fonts: [
15 {
16 provider: fontProviders.fontsource(),
17 name: "Hanken Grotesk",
18 cssVariable: "--font-hanken-grotesk"
19 },
20 {
21 provider: fontProviders.fontsource(),
22 name: "Amiri",
23 cssVariable: "--font-amiri"
24 },
25 {
26 provider: fontProviders.fontsource(),
27 name: "Maple Mono",
28 cssVariable: "--font-maple-mono"
29 }
30 ],
31
32 markdown: {
33 syntaxHighlight: "shiki",
34 shikiConfig: {
35 theme: glwTheme
36 }
37 },
38
39 integrations: [mdx(), react()]
40});