joshfinnie.com/astro.config.mjs at main · joshfinnie/joshfinnie.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import alpinejs from '@astrojs/alpinejs';
import { unified } from '@astrojs/markdown-remark';
import mdx from '@astrojs/mdx';
import sitemap from '@astrojs/sitemap';
import tailwindcss from '@tailwindcss/vite';
import { defineConfig, fontProviders } from 'astro/config';
import expressiveCode from 'astro-expressive-code';
// Load environment variables
import { config } from 'dotenv';
import { remarkAlert } from 'remark-github-blockquote-alert';

config();

// https://astro.build/config
export default defineConfig({
  env: {
    schema: {
      CLOUDINARY_CLOUD_NAME: {
        context: 'client',
        access: 'public',
        type: 'string',
      },
    },
  },
  vite: { plugins: [tailwindcss()], resolve: { tsconfigPaths: true } },
  fonts: [
    {
      provider: fontProviders.google(),
      name: 'Inter',
      cssVariable: '--font-inter',
    },
  ],
  image: {
    responsiveStyles: true,
    layout: 'constrained',
  },
  build: {
    inlineStylesheets: 'always',
  },
  markdown: {
    processor: unified({
      remarkPlugins: [remarkAlert],
    }),
  },
  site: 'https://www.joshfinnie.com/',
  trailingSlash: 'always',
  server: {
    port: 3333,
  },
  integrations: [
    // Expressive Code must run before mdx() so it can process code blocks.
    expressiveCode({
      themes: ['rose-pine-dawn', 'rose-pine-moon'],
      // Dark mode is driven by the `.dark` class on <html> (Alpine toggle),
      // not the OS preference, so disable the media query and scope the dark
      // theme to `.dark`. The light theme stays the default (base) theme.
      useDarkModeMediaQuery: false,
      themeCssSelector: (theme) => (theme.type === 'dark' ? '.dark' : false),
      styleOverrides: {
        borderRadius: '0.375rem',
        codePaddingBlock: '1.25rem',
      },
    }),
    mdx(),
    sitemap(),
    alpinejs(),
  ],
});