astro.config.mjs

import starlight from "@astrojs/starlight";
// @ts-check
import { defineConfig } from "astro/config";
import rlc from "remark-link-card";
import remarkBreaks from "remark-breaks";
import { rehypeHeadingIds } from '@astrojs/markdown-remark'
import rehypeAutolinkHeadings from 'rehype-autolink-headings'
// https://astro.build/config
export default defineConfig({
  site: "https://nitkc-proken.github.io",
  trailingSlash: "always",
  base: "/web-dev-intro",
  markdown: {
    remarkPlugins: [
      [
        rlc,
        {
          shortenUrl: true,
        },
      ],
      remarkBreaks,
    ],
    rehypePlugins: [
      rehypeHeadingIds,
      [rehypeAutolinkHeadings, { behavior: 'wrap' }],
    ],
  },
  integrations: [
    starlight({
      title: "Web開発入門",
      lastUpdated:true,
      editLink: {
        baseUrl: "https://github.com/nitkc-proken/web-dev-intro/edit/main/",
      },
      tableOfContents: {
        minHeadingLevel: 1,
        maxHeadingLevel: 3,
      },
      social: {
        github: "https://github.com/nitkc-proken/web-dev-intro",
        "x.com": "https://x.com/NITKiC_pro",
      },
      sidebar: [
        {
          label: "Webの基礎",
          autogenerate: { directory: "basics" },
        },
        {
          label: "ツール・環境構築",
          autogenerate: { directory: "tools" },
        },
        {
          label: "ガイド",
          autogenerate: { directory: "guides" },
        },
        {
          label: "このサイトについて",
          autogenerate: { directory: "about" },
        },
        
      ],
      customCss: ["./src/styles/linkcard.css","./src/styles/headings.css","./src/styles/custom.css"],
    }),
  ],
});