my-site/astro.config.mjs at main · anIcedAntFA/my-site · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
// @ts-check
import cloudflare from '@astrojs/cloudflare';
import { rehypeHeadingIds } from '@astrojs/markdown-remark';
import mdx from '@astrojs/mdx';
import { defineConfig, fontProviders } from 'astro/config';
import qwikdev from '@qwikdev/astro';

import { rehypeCheckbox, rehypeSectionsForHeadings } from './plugin/rehype';
import {
	remarkBlockQuotationCiteURL,
	remarkDropCapParagraph,
	remarkExternalLinks,
	remarkInlinedQuotation,
	remarkModifiedTime,
	remarkReadingTime,
	remarkTextHighlight,
} from './plugin/remark';

// https://astro.build/config
export default defineConfig({
	adapter: cloudflare({
		platformProxy: {
			configPath: './wrangler.jsonc',
			enabled: true,
		},
		imageService: 'compile',
	}),
	integrations: [
		qwikdev(),
		mdx({
			remarkPlugins: [
				remarkReadingTime,
				remarkModifiedTime,
				remarkExternalLinks,
				remarkDropCapParagraph,
				remarkTextHighlight,
				remarkInlinedQuotation,
				remarkBlockQuotationCiteURL,
			],
			rehypePlugins: [
				[rehypeHeadingIds, { headingIdCompat: true }],
				rehypeSectionsForHeadings,
				rehypeCheckbox,
			],
		}),
	],
	output: 'static',
	site: 'https://blog.ngockhoi96.dev',
	prefetch: {
		defaultStrategy: 'hover',
	},
	experimental: {
		fonts: [
			{
				provider: fontProviders.fontsource(),
				name: 'Noto Sans',
				cssVariable: '--font-noto-sans',
				display: 'swap',
				weights: ['400', '500', '700'],
				styles: ['normal', 'italic'],
				subsets: ['latin', 'vietnamese'],
				fallbacks: ['sans-serif'],
			},
			{
				provider: fontProviders.fontsource(),
				name: 'Merriweather',
				cssVariable: '--font-merriweather-serif',
				display: 'swap',
				weights: ['700'],
				styles: ['normal'],
				subsets: ['latin', 'vietnamese'],
				fallbacks: ['serif'],
			},
			{
				provider: fontProviders.fontsource(),
				name: 'JetBrains Mono',
				cssVariable: '--font-jetbrains-mono',
				display: 'swap',
				weights: ['500', '700'],
				styles: ['normal'],
				subsets: ['latin'],
				fallbacks: ['monospace'],
			},
		],
	},
});