1
import sitemap from "@astrojs/sitemap";
2
import svelte from "@astrojs/svelte";
3
import tailwind from "@astrojs/tailwind";
4
import { pluginCollapsibleSections } from "@expressive-code/plugin-collapsible-sections";
5
import { pluginLineNumbers } from "@expressive-code/plugin-line-numbers";
6
import swup from "@swup/astro";
7
import expressiveCode from "astro-expressive-code";
8
import icon from "astro-icon";
9
import { defineConfig } from "astro/config";
10
import rehypeAutolinkHeadings from "rehype-autolink-headings";
11
import rehypeComponents from "rehype-components"; /* Render the custom directive content */
12
import rehypeKatex from "rehype-katex";
13
import rehypeSlug from "rehype-slug";
14
import remarkDirective from "remark-directive"; /* Handle directives */
15
import remarkGithubAdmonitionsToDirectives from "remark-github-admonitions-to-directives";
16
import remarkMath from "remark-math";
17
import remarkSectionize from "remark-sectionize";
18
import { expressiveCodeConfig } from "./src/config.ts";
19
import { pluginLanguageBadge } from "./src/plugins/expressive-code/language-badge.ts";
20
import { AdmonitionComponent } from "./src/plugins/rehype-component-admonition.mjs";
21
import { GithubCardComponent } from "./src/plugins/rehype-component-github-card.mjs";
22
import { parseDirectiveNode } from "./src/plugins/remark-directive-rehype.js";
23
import { remarkExcerpt } from "./src/plugins/remark-excerpt.js";
24
import { remarkReadingTime } from "./src/plugins/remark-reading-time.mjs";
25
import { pluginCustomCopyButton } from "./src/plugins/expressive-code/custom-copy-button.js";
26
// 导入自定义的rehype插件
27
import { rehypeImgNoReferrer } from "./src/plugins/rehype-img-no-referrer.js";
28

29

30

31
// https://astro.build/config
32
export default defineConfig({
33
  site: "https://blog.evira.top",
34
  base: "/",
35
  trailingSlash: "always",
36
  integrations: [
37
    tailwind({
38
      nesting: true,
39
    }),
40
    swup({
41
      theme: false,
42
      animationClass: "transition-swup-", // see https://swup.js.org/options/#animationselector
43
      // the default value `transition-` cause transition delay
44
      // when the Tailwind class `transition-all` is used
45
      containers: ["main", "#toc"],
46
      smoothScrolling: true,
47
      cache: true,
48
      preload: true,
49
      accessibility: true,
50
      updateHead: true,
51
      updateBodyClass: false,
52
      globalInstance: true,
53
    }),
54
    icon({
55
      include: {
56
        "preprocess: vitePreprocess(),": ["*"],
57
        "fa6-brands": ["*"],
58
        "fa6-regular": ["*"],
59
        "fa6-solid": ["*"],
60
      },
61
    }),
62
    expressiveCode({
63
      themes: [expressiveCodeConfig.theme, expressiveCodeConfig.theme],
64
      plugins: [
65
        pluginCollapsibleSections(),
66
        pluginLineNumbers(),
67
        pluginLanguageBadge(),
68
        pluginCustomCopyButton()
69
      ],
70
      defaultProps: {
71
        wrap: true,
72
        overridesByLang: {
73
          'shellsession': {
74
            showLineNumbers: false,
75
          },
76
        },
77
      },
78
      styleOverrides: {
79
        codeBackground: "var(--codeblock-bg)",
80
        borderRadius: "0.75rem",
81
        borderColor: "none",
82
        codeFontSize: "0.875rem",
83
        codeFontFamily: "'JetBrains Mono Variable', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
84
        codeLineHeight: "1.5rem",
85
        frames: {
86
          editorBackground: "var(--codeblock-bg)",
87
          terminalBackground: "var(--codeblock-bg)",
88
          terminalTitlebarBackground: "var(--codeblock-topbar-bg)",
89
          editorTabBarBackground: "var(--codeblock-topbar-bg)",
90
          editorActiveTabBackground: "none",
91
          editorActiveTabIndicatorBottomColor: "var(--primary)",
92
          editorActiveTabIndicatorTopColor: "none",
93
          editorTabBarBorderBottomColor: "var(--codeblock-topbar-bg)",
94
          terminalTitlebarBorderBottomColor: "none"
95
        },
96
        textMarkers: {
97
          delHue: 0,
98
          insHue: 180,
99
          markHue: 250
100
        }
101
      },
102
      frames: {
103
        showCopyToClipboardButton: false,
104
      }
105
    }),
106
        svelte(),
107
    sitemap(),
108
  ],
109
  markdown: {
110
    remarkPlugins: [
111
      remarkMath,
112
      remarkReadingTime,
113
      remarkExcerpt,
114
      remarkGithubAdmonitionsToDirectives,
115
      remarkDirective,
116
      remarkSectionize,
117
      parseDirectiveNode,
118
    ],
119
    rehypePlugins: [
120
      rehypeKatex,
121
      rehypeSlug,
122
      [
123
        rehypeComponents,
124
        {
125
          components: {
126
            github: GithubCardComponent,
127
            note: (x, y) => AdmonitionComponent(x, y, "note"),
128
            tip: (x, y) => AdmonitionComponent(x, y, "tip"),
129
            important: (x, y) => AdmonitionComponent(x, y, "important"),
130
            caution: (x, y) => AdmonitionComponent(x, y, "caution"),
131
            warning: (x, y) => AdmonitionComponent(x, y, "warning"),
132
          },
133
        },
134
      ],
135
      [
136
        rehypeAutolinkHeadings,
137
        {
138
          behavior: "append",
139
          properties: {
140
            className: ["anchor"],
141
          },
142
          content: {
143
            type: "element",
144
            tagName: "span",
145
            properties: {
146
              className: ["anchor-icon"],
147
              "data-pagefind-ignore": true,
148
            },
149
            children: [
150
              {
151
                type: "text",
152
                value: "#",
153
              },
154
            ],
155
          },
156
        },
157
      ],
158
            rehypeImgNoReferrer,
159
    ],
160
  },
161
  vite: {
162
    build: {
163
      rollupOptions: {
164
        onwarn(warning, warn) {
165
          // temporarily suppress this warning
166
          if (
167
            warning.message.includes("is dynamically imported by") &&
168
            warning.message.includes("but also statically imported by")
169
          ) {
170
            return;
171
          }
172
          warn(warning);
173
        },
174
      },
175
    },
176
  },
177
});