1
let pageTitle: string;
2
if (title) {
3
  pageTitle = `${title} - ${siteConfig.title}`;
4
} else {
5
  pageTitle = siteConfig.subtitle
6
    ? `${siteConfig.title} - ${siteConfig.subtitle}`
7
    : siteConfig.title;
8
}

1
export const siteConfig: SiteConfig = {
2
  title: "Firefly",
3
  subtitle: "Demo site",
4
  description:
5
    "Firefly 是一款基于 Astro 框架开发的清新美观且现代化个人博客主题，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。",
6
  title: "未来之蓝 | xpfxzxc 的个人博客",
7
  subtitle: "个人学习和日常零散想法的记录空间，内容随性且不定期更新",
8
  description: "未来之蓝是 xpfxzxc 的个人博客，记录个人学习和日常零散想法。心怀蔚蓝愿景，脚踏实地前行。每一篇记录都是通向理想未来的坚实脚印。",
9
  keywords: [
10
    "Firefly",
11
    "Fuwari",
12
    "Astro",
13
    "ACGN",
14
    "博客",
15
    "技术博客",
16
    "静态博客",
17
    "xpfxzxc", "未来之蓝", "个人博客",
18
    "个人成长", "技术分享", "生活随想",
19
    "编程学习", "ACGN", "动漫", "二次元", "游戏",
20
    "非专业博客", "学习记录", "读书笔记"
21
  ],

1
// ...
2
favicon: [
3
  // 留空以使用默认 favicon
4
  {
5
    src: "/assets/images/favicon.ico", // 图标文件路径
6
    theme: "light", // 可选，指定主题 'light' | 'dark'
7
    sizes: "32x32", // 可选，图标大小
8
  },
9
],
10
// ...

1
// ...
2
// 导航栏Logo
3
// navbarLogo 支持三种类型：Astro图标库，本地图片，网络图片
4
// { type: "icon", value: "material-symbols:home-pin-outline" }
5
// { type: "image", value: "/assets/images/logo.webp", alt: "Firefly Logo" }
6
// { type: "image", value: "https://example.com/logo.png", alt: "Firefly Logo" }
7
navbarLogo: {
8
  type: "image",
9
    value: "/assets/images/LiuYingPure3.svg",
10
    value: "/assets/images/logo.webp",
11
    alt: "🍀",
12
    alt: "未来之蓝博客 Logo - 一本翻开的书与飞向上方的星辰，象征知识、记录与通向未来的愿景",
13
  },
14
  navbarTitle: "Firefly", // 导航栏标题，可以设置为与 title 不同的值，如果不设置则使用 title
15
  navbarTitle: "未来之蓝", // 导航栏标题，可以设置为与 title 不同的值，如果不设置则使用 title
16
}
17
// ...

1
import type { ProfileConfig } from "../types/config";
2

3
export const profileConfig: ProfileConfig = {
4
  avatar: "/assets/images/avatar.webp",
5
  name: "Firefly",
6
  bio: "Hello, I'm Firefly.",
7
  name: "xpfxzxc",
8
  bio: "不愿沉溺于无力感，正试着将碎片化的思考转化成可见的成长足迹。",
9
  links: [
10
    {
11
      name: "Bilibli",
12
      icon: "fa6-brands:bilibili",
13
      url: "https://space.bilibili.com/38932988",
14
      name: "Email",
15
      icon: "material-symbols:mail",
16
      url: "mailto:xpfxzxc@gmail.com",
17
    },
18
    {
19
      name: "GitHub",
20
      icon: "fa6-brands:github",
21
      url: "https://github.com/CuteLeaf",
22
      url: "https://github.com/xpfxzxc",
23
    },
24
    {
25
      name: "Bilibli",
26
      icon: "fa6-brands:bilibili",
27
      url: "https://space.bilibili.com/12533717",
28
    },
29
    {
30
      name: "Steam",
31
      icon: "fa6-brands:steam",
32
      url: "https://steamcommunity.com/profiles/76561198327614842",
33
    },
34
  ],
35
};

1
import type { AnnouncementConfig } from "../types/config";
2

3
export const announcementConfig: AnnouncementConfig = {
4
  title: "公告", // 公告标题
5
  content: "欢迎来到我的博客！这是一则示例公告。", // 公告内容
6
  closable: true, // 允许用户关闭公告
7
  title: "站点说明", // 公告标题
8
  content: "个人学习和日常零散想法的记录空间，内容随性且不定期更新。", // 公告内容
9
  closable: false, // 禁止用户关闭公告
10
  link: {
11
    enable: true, // 启用链接
12
    enable: false, // 关闭链接
13
    text: "了解更多", // 链接文本
14
    url: "/about/", // 链接 URL
15
    external: false, // 内部链接
16
  },
17
};

1
import type { NavBarConfig, NavBarLink } from "../types/config";
2
import { LinkPreset } from "../types/config";
3
import { siteConfig } from "./siteConfig";
4

5
// 根据页面开关动态生成导航栏配置
6
const getDynamicNavBarConfig = (): NavBarConfig => {
7
  const links: (NavBarLink | LinkPreset)[] = [
8
    LinkPreset.Home,
9
    LinkPreset.Archive,
10
  ];
11

12
  // 支持自定义导航栏链接,并且支持多级菜单
13
  links.push({
14
    name: "链接",
15
    url: "/links/",
16
    icon: "material-symbols:link",
17
    children: [
18
      {
19
        name: "Email",
20
        url: "mailto:xpfxzxc@gmail.com",
21
        external: true,
22
        icon: "material-symbols:mail",
23
      },
24
      {
25
        name: "GitHub",
26
        url: "https://github.com/CuteLeaf/Firefly",
27
        url: "https://github.com/xpfxzxc",
28
        external: true,
29
        icon: "fa6-brands:github",
30
      },
31
      {
32
        name: "Bilibili",
33
        url: "https://space.bilibili.com/38932988",
34
        url: "https://space.bilibili.com/12533717",
35
        external: true,
36
        icon: "fa6-brands:bilibili",
37
      },
38
      {
39
        name: "Steam",
40
        url: "https://steamcommunity.com/profiles/76561198327614842",
41
        external: true,
42
        icon: "fa6-brands:steam",
43
      },
44
    ],
45
  });
46

47
  links.push(LinkPreset.Friends);
48

49
  // 根据配置决定是否添加留言板页面
50
  if (siteConfig.pages.guestbook) {
51
    links.push(LinkPreset.Guestbook);
52
  }
53

54
  links.push({
55
    name: "关于",
56
    url: "/content/",
57
    icon: "material-symbols:info",
58
    children: [
59
      ...(siteConfig.pages.anime ? [LinkPreset.Anime] : []), // 根据配置决定是否添加追番页面
60
      ...(siteConfig.pages.sponsor ? [LinkPreset.Sponsor] : []), // 根据配置决定是否添加赞助页面
61
      LinkPreset.About,
62
    ],
63
  });
64
  return { links };
65
};
66

67
export const navBarConfig: NavBarConfig = getDynamicNavBarConfig();

1
// ...
2
// 图片位置
3
// 支持所有CSS object-position值，如: 'top', 'center', 'bottom', 'left top', 'right bottom', '25% 75%', '10px 20px'..
4
// 如果不知道怎么配置百分百之类的配置，推荐直接使用：'center'居中，'top'顶部居中，'bottom' 底部居中，'left'左侧居中，'right'右侧居中
5
position: "0% 20%",
6
// ...

1
backgroundWallpaper: {
2
  // 壁纸模式："banner" 横幅壁纸，"overlay" 全屏壁纸，"none" 纯色背景无壁纸
3
  mode: "banner",
4
  // 是否允许用户通过导航栏切换壁纸模式，设为false可提升性能（只渲染当前模式）
5
  switchable: true,
6

7
  // 背景图片配置
8
  src: {
9
    // 桌面背景图片
10
    desktop: "/assets/images/d1.webp",
11
    // 移动背景图片
12
    mobile: "/assets/images/m1.webp",
13
  },
14

15
  // Banner模式特有配置
16
  banner: {
17
    // 图片位置
18
    // 支持所有CSS object-position值，如: 'top', 'center', 'bottom', 'left top', 'right bottom', '25% 75%', '10px 20px'..
19
    // 如果不知道怎么配置百分百之类的配置，推荐直接使用：'center'居中，'top'顶部居中，'bottom' 底部居中，'left'左侧居中，'right'右侧居中
20
    position: "0% 20%",
21
    position: "center 9%",
22

23
    homeText: {
24
      // 主页显示自定义文本（全局开关）
25
      enable: true,
26
      // 主页横幅主标题
27
      title: "Lovely firefly!",
28
      title: "Future Archives!",
29
      // 主页横幅副标题
30
      subtitle: [
31
        "In Reddened Chrysalis, I Once Rest",
32
        "From Shattered Sky, I Free Fall",
33
        "Amidst Silenced Stars, I Deep Sleep",
34
        "Upon Lighted Fyrefly, I Soon Gaze",
35
        "From Undreamt Night, I Thence Shine",
36
        "In Finalized Morrow, I Full Bloom",
37
        "In Reddened Chrysalis, I Once Rest",
38
        "From Shattered Sky, I Free Fall",
39
        "Amidst Silenced Stars, I Deep Sleep",
40
        "Upon Lighted Fyrefly, I Soon Gaze",
41
        "From Undreamt Night, I Thence Shine",
42
        "In Finalized Morrow, I Full Bloom",
43
      ],
44
      typewriter: {
45
        enable: true, // 启用副标题打字机效果
46
        speed: 100, // 打字速度（毫秒）
47
        deleteSpeed: 50, // 删除速度（毫秒）
48
        pauseTime: 2000, // 完全显示后的暂停时间（毫秒）
49
      },
50
    },
51
    credit: {
52
      enable: {
53
        desktop: true, // 桌面端显示横幅图片来源文本
54
        mobile: false, // 移动端显示横幅图片来源文本
55
        mobile: true, // 移动端显示横幅图片来源文本
56
      },
57
      text: {
58
        desktop: "Pixiv - 晚晚喵", // 桌面端要显示的来源文本
59
        mobile: "Mobile Credit", // 移动端要显示的来源文本
60
        desktop: "Pixiv - 鈴木シロリ", // 桌面端要显示的来源文本
61
        mobile: "Pixiv - Orivayne", // 移动端要显示的来源文本
62
      },
63
      url: {
64
        desktop: "https://www.pixiv.net/artworks/135490046", // 桌面端原始艺术品或艺术家页面的 URL 链接
65
        mobile: "", // 移动端原始艺术品或艺术家页面的 URL 链接
66
        desktop: "https://www.pixiv.net/artworks/108043909", // 桌面端原始艺术品或艺术家页面的 URL 链接
67
        mobile: "https://www.pixiv.net/artworks/130379063", // 移动端原始艺术品或艺术家页面的 URL 链接
68
      },
69
    },
70
    navbar: {
71
      transparentMode: "semifull", // 导航栏透明模式："semi" 半透明加圆角，"full" 完全透明，"semifull" 动态透明
72
    },
73
    // 波浪动画效果配置，开启可能会影响页面性能，请根据实际情况开启
74
    waves: {
75
      enable: {
76
        desktop: true, // 桌面端启用波浪动画效果
77
        mobile: true, // 移动端启用波浪动画效果
78
      },
79
      performance: {
80
        quality: "high",
81
        hardwareAcceleration: true, // 是否启用硬件加速
82
      },
83
      // 性能优化说明：
84
      // quality: "high" - 最佳视觉效果，但GPU占用较高，适合高性能设备
85
      // quality: "medium" - 平衡性能和质量，适合中等性能设备
86
      // quality: "low" - 最低GPU占用，动画更简单，适合低性能设备
87
      // hardwareAcceleration: true - 启用GPU加速，提升性能但增加GPU占用
88
      // hardwareAcceleration: false - 禁用GPU加速，降低GPU占用但可能影响性能
89
    },
90
  },
91

92
  // 全屏透明覆盖模式特有配置
93
  overlay: {
94
    zIndex: -1, // 层级，确保壁纸在背景层
95
    opacity: 0.8, // 壁纸透明度
96
    blur: 1, // 背景模糊程度
97
    blur: 0.5, // 背景模糊程度
98
  },
99
},

1
/* ===== 主题相关变量 ===== */
2
:root {
3
  --primary: oklch(0.70 0.14 var(--hue));
4
  --page-bg: oklch(0.95 0.01 var(--hue));
5
  --card-bg: white;
6
  --card-bg-transparent: rgba(255, 255, 255, 0.8);
7

8
  --btn-content: oklch(0.55 0.12 var(--hue));
9
  --btn-regular-bg: oklch(0.95 0.025 var(--hue));
10
  --btn-regular-bg-hover: oklch(0.9 0.05 var(--hue));
11
  --btn-regular-bg-active: oklch(0.85 0.08 var(--hue));
12
  /* ... */
13
}
14
/* ... */

1
themeColor: {
2
  hue: 165, // 主题色的默认色相，范围从 0 到 360。例如：红色：0，青色：200，蓝绿色：250，粉色：345
3
  fixed: false, // 对访问者隐藏主题色选择器
4
  hue: 230, // 主题色的默认色相，范围从 0 到 360。例如：红色：0，青色：200，蓝绿色：250，粉色：345
5
  fixed: true, // 对访问者隐藏主题色选择器
6
  defaultMode: "system", // 默认模式："light" 亮色，"dark" 暗色，"system" 跟随系统
7
},

1
// 字体配置
2
export const fontConfig = {
3
  enable: true, // 启用自定义字体功能
4
  preload: true, // 预加载字体文件以提高性能
5
  selected: ["system"], // 当前选择的字体，支持多个字体组合
6
  fonts: {
7
    // 系统字体
8
    system: {
9
      id: "system",
10
      name: "系统字体",
11
      src: "", // 系统字体无需 src
12
      family:
13
        "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif",
14
    },
15
    // Google Fonts - Zen Maru Gothic
16
    "zen-maru-gothic": {
17
      id: "zen-maru-gothic",
18
      name: "Zen Maru Gothic",
19
      src: "https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap",
20
      family: "Zen Maru Gothic",
21
      display: "swap" as const,
22
    },
23
    // Google Fonts - Inter
24
    inter: {
25
      id: "inter",
26
      name: "Inter",
27
      src: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap",
28
      family: "Inter",
29
      display: "swap" as const,
30
    },
31
    // 小米字体 - MiSans Normal
32
    "misans-normal": {
33
      id: "misans-normal",
34
      name: "MiSans Normal",
35
      src: "https://unpkg.com/misans@4.1.0/lib/Normal/MiSans-Normal.min.css",
36
      family: "MiSans",
37
      weight: 400,
38
      display: "swap" as const,
39
    },
40
    // 小米字体 - MiSans Semibold
41
    "misans-semibold": {
42
      id: "misans-semibold",
43
      name: "MiSans Semibold",
44
      src: "https://unpkg.com/misans@4.1.0/lib/Normal/MiSans-Semibold.min.css",
45
      family: "MiSans",
46
      weight: 600,
47
      display: "swap" as const,
48
    },
49
  },
50
  fallback: [
51
    "system-ui",
52
    "-apple-system",
53
    "BlinkMacSystemFont",
54
    "Segoe UI",
55
    "Roboto",
56
    "sans-serif",
57
  ], // 全局字体回退
58
};

1
// 字体配置
2
export type FontConfig = {
3
  enable: boolean; // 是否启用自定义字体功能
4
  selected: string | string[]; // 当前选择的字体ID，支持单个或多个字体组合
5
  fonts: Record<string, FontItem>; // 字体库，以ID为键的对象
6
  fallback?: string[]; // 全局字体回退列表
7
  preload?: boolean; // 是否预加载字体文件以提高性能
8
};

1
// 单个字体配置
2
export type FontItem = {
3
  id: string; // 字体唯一标识符
4
  name: string; // 字体显示名称
5
  src: string; // 字体文件路径或URL链接
6
  family: string; // CSS font-family 名称
7
  weight?: string | number; // 字体粗细，如 "normal", "bold", 400, 700 等
8
  style?: "normal" | "italic" | "oblique"; // 字体样式
9
  display?: "auto" | "block" | "swap" | "fallback" | "optional"; // font-display 属性
10
  unicodeRange?: string; // Unicode 范围，用于字体子集化
11
  format?:
12
    | "woff"
13
    | "woff2"
14
    | "truetype"
15
    | "opentype"
16
    | "embedded-opentype"
17
    | "svg"; // 字体格式，仅当 src 为本地文件时需要
18
};

1
// 获取选中的字体
2
const getSelectedFonts = () => {
3
  if (!fontConfig.enable || !fontConfig.selected) return [];
4

5
  const selectedIds = Array.isArray(fontConfig.selected)
6
    ? fontConfig.selected
7
    : [fontConfig.selected];
8

9
  return selectedIds
10
    .map((id) => fontConfig.fonts[id])
11
    .filter((font) => font && font.src); // 过滤掉系统字体和不存在的字体
12
};

1
<!-- 字体样式表链接 -->{
2
  selectedFonts.map((font) => {
3
    // 判断是否为外部链接
4
    const isExternalUrl =
5
      font.src.startsWith("http://") ||
6
      font.src.startsWith("https://") ||
7
      font.src.startsWith("//");
8

9
    if (isExternalUrl) {
10
      // 外部字体链接 (如 Google Fonts, CDN等)
11
      return <link rel="stylesheet" href={font.src} />;
12
    } else {
13
      // 本地字体文件
14
      return (
15
        <style
16
          set:html={`
17
        @font-face {
18
          font-family: "${font.family}";
19
          src: url("${font.src}") ${font.format ? `format("${font.format}")` : ""};
20
          ${font.weight ? `font-weight: ${font.weight};` : ""}
21
          ${font.style ? `font-style: ${font.style};` : ""}
22
          ${font.display ? `font-display: ${font.display};` : ""}
23
          ${font.unicodeRange ? `unicode-range: ${font.unicodeRange};` : ""}
24
        }
25
      `}
26
        />
27
      );
28
    }
29
  })
30
}

1
// 字体配置
2
export const fontConfig = {
3
  enable: true, // 启用自定义字体功能
4
  preload: true, // 预加载字体文件以提高性能
5
  selected: ["system"], // 当前选择的字体，支持多个字体组合
6
  selected: ["misans-light", "misans-normal", "misans-medium",  "misans-semibold", "misans-bold"], // 当前选择的字体，支持多个字体组合
7
  fonts: {
8
    // 系统字体
9
    system: {
10
      id: "system",
11
      name: "系统字体",
12
      src: "", // 系统字体无需 src
13
      family:
14
        "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif",
15
    },
16
    // Google Fonts - Zen Maru Gothic
17
    "zen-maru-gothic": {
18
      id: "zen-maru-gothic",
19
      name: "Zen Maru Gothic",
20
      src: "https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap",
21
      family: "Zen Maru Gothic",
22
      display: "swap" as const,
23
    },
24
    // Google Fonts - Inter
25
    inter: {
26
      id: "inter",
27
      name: "Inter",
28
      src: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap",
29
      family: "Inter",
30
      display: "swap" as const,
31
    },
32
    // 小米字体 - MiSans Light
33
    "misans-light": {
34
      id: "misans-light",
35
      name: "MiSans Light",
36
      src: "https://unpkg.com/misans@4.1.0/lib/Normal/MiSans-Light.min.css",
37
      family: "MiSans",
38
      weight: 300,
39
      display: "swap" as const,
40
    },
41
    // 小米字体 - MiSans Normal
42
    "misans-normal": {
43
      id: "misans-normal",
44
      name: "MiSans Normal",
45
      src: "https://unpkg.com/misans@4.1.0/lib/Normal/MiSans-Normal.min.css",
46
      family: "MiSans",
47
      weight: 400,
48
      display: "swap" as const,
49
    },
50
    // 小米字体 - MiSans Medium
51
    "misans-medium": {
52
      id: "misans-medium",
53
      name: "MiSans Medium",
54
      src: "https://unpkg.com/misans@4.1.0/lib/Normal/MiSans-Medium.min.css",
55
      family: "MiSans",
56
      weight: 500,
57
      display: "swap" as const,
58
    },
59
    // 小米字体 - MiSans Semibold
60
    "misans-semibold": {
61
      id: "misans-semibold",
62
      name: "MiSans Semibold",
63
      src: "https://unpkg.com/misans@4.1.0/lib/Normal/MiSans-Semibold.min.css",
64
      family: "MiSans",
65
      weight: 600,
66
      display: "swap" as const,
67
    },
68
    // 小米字体 - MiSans Bold
69
    "misans-bold": {
70
      id: "misans-bold",
71
      name: "MiSans Bold",
72
      src: "https://unpkg.com/misans@4.1.0/lib/Normal/MiSans-Bold.min.css",
73
      family: "MiSans",
74
      weight: 700,
75
      display: "swap" as const,
76
    },
77
  }
78
  fallback: [
79
    "system-ui",
80
    "-apple-system",
81
    "BlinkMacSystemFont",
82
    "Segoe UI",
83
    "Roboto",
84
    "sans-serif",
85
  ], // 全局字体回退
86
};

1
  // ...
2
  {
3
    "title": "Mizuki",
4
    imgurl: "https://mizuki.mysqil.com/_astro/avatar.Nvq3-FmN_Z28HWf5.webp",
5
    desc: "融合Android原生质感与二次元美学：Material Design 3规范下的Astro博客主题（Tailwind CSS实现）",
6
    siteurl: "https://github.com/matsuzaka-yuki/Mizuki",
7
    tags: ["GitHub", "Theme"],
8
    weight: 9,
9
    enabled: true,
10
  },
11
  {
12
    title: "fuwari",
13
    imgurl: "https://fuwari.vercel.app/_astro/demo-avatar.CxcI0ivM_1nbuVe.webp",
14
    desc: "✨A static blog template built with Astro.",
15
    siteurl: "https://github.com/saicaca/fuwari",
16
    tags: ["GitHub", "Theme"],
17
    weight: 9,
18
    enabled: true,
19
  },
20
  // ...

1
...
2
 站点名称: 夏夜流萤
3
 站点描述: 飞萤之火自无梦的长夜亮起，绽放在终竟的明天。
4
 站点链接: https://blog.cuteleaf.cn
5
 站点名称: 未来之蓝
6
 站点描述: 心怀蔚蓝愿景，脚踏实地前行。每一篇记录都是通向理想未来的坚实脚印。
7
 站点链接: https://xpfxzxc.github.io
8
头像链接: https://q1.qlogo.cn/g?b=qq&nk=7618557&s=640
9

10
## ✉️申请友链
11

12
 请将您的网站信息发送邮件至：`xxx@xxx.com`
13
 请将您的网站信息发送邮件至：`xpfxzxc@gmail.com`
14
...

1
// 追番配置
2
bangumi: {
3
  userId: "1163581", // 在此处设置你的Bangumi用户ID
4
  userId: "1175686", // 在此处设置你的Bangumi用户ID
5
},

1
import type { SponsorConfig } from "../types/config";
2

3
export const sponsorConfig: SponsorConfig = {
4
  title: "", // 页面标题，如果留空则使用 i18n 中的翻译
5
  description:
6
    "", // 页面描述文本，如果留空则使用 i18n 中的翻译
7
  usage:
8
    "您的赞助将用于服务器维护、内容创作和功能开发，帮助我持续提供优质内容。", // 赞助用途说明
9
    "您的赞助将用于内容创作，帮助我持续提供优质内容。", // 赞助用途说明
10
  // 是否显示赞助者列表
11
  showSponsorsList: true,
12
  // 是否在文章详情页底部显示赞助按钮
13
  showButtonInPost: true,
14

15
  // 赞助方式列表
16
  methods: [
17
    {
18
      name: "支付宝",
19
      icon: "fa6-brands:alipay",
20
      qrCode: "/assets/images/sponsor/alipay.png", // 收款码图片路径（需要放在 public 目录下）
21
      link: "",
22
      description: "使用 支付宝 扫码赞助",
23
      enabled: true,
24
    },
25
    {
26
      name: "微信",
27
      icon: "fa6-brands:weixin",
28
      qrCode: "/assets/images/sponsor/wechat.png", // 收款码图片路径
29
      link: "",
30
      description: "使用 微信 扫码赞助",
31
      enabled: true,
32
    },
33
    {
34
      name: "爱发电",
35
      icon: "simple-icons:afdian",
36
      qrCode: "",
37
      link: "https://afdian.com/a/cuteleaf",
38
      description: "通过 爱发电 进行赞助",
39
      enabled: true,
40
    },
41
    {
42
      name: "Github",
43
      icon: "fa6-brands:github",
44
      qrCode: "",
45
      link: "https://github.com/CuteLeaf/Firefly",
46
      description: "点个Star就是最大的支持",
47
      enabled: true,
48
    },
49
  ],
50

51
  // 赞助者列表（可选）
52
  sponsors: [
53
    // 示例：已实名赞助者
54
    {
55
      name: "夏叶",
56
      amount: "¥50",
57
      date: "2025-10-01",
58
      message: "感谢分享！",
59
    },
60
    // 示例：匿名赞助者
61
    {
62
      name: "匿名用户",
63
      amount: "¥20",
64
      date: "2025-10-01",
65
    },
66
  ],
67
};

1
# 关于我 / About Me
2

3
你好！我是 **夏叶** ，一个在数字世界中默默无闻的一片叶子。
4
欢迎来到我的小角落。这里，主要是我写给自己看的一些文字和记录。很高兴你路过这里，并驻足阅读。
5

6
我是 **xpfxzxc**。这个昵称很久前就开始使用了，但我忘记了这个昵称如何是取的，这个昵称可能没有什么含义吧。
7

8
我是一个 98 后的听障人，不擅长言语沟通，头脑反应略慢，没创作灵感，平时喜欢独来独往、在网上冲浪。没有什么特长，唯一我比较懂的就是编程和游戏了，但在圈子里算是在底层水平，在日常上也不太拿得出手。我对编程曾充满热情，现在有点生疏，仍然“玩”得不太懂，但不想放弃。
9

10
建立这个博客的初衷是我单纯地想试试部署好看的个人博客，还有记录以后学习到的技能知识。有时头脑里会有较多的想法，此时如果能够主动去梳理思路并记录下来，对当前和以后都会颇有收获。
11

12
这里可能没有干货和指南，只有非常个人的、不成熟的想法和个人学习记录。如果你在我的文字里，找到了一丝共鸣，或者从中受到启发，或者从中成功解决某些疑惑，那将是我莫大的荣幸。
13

14
欢迎你在想说话的时候，通过评论或邮件与我分享你的感受。我不一定会及时回复，但会认真阅读。
15

16
## 🛠️ 关于本站
17

18
这个网站使用 **Astro** 框架构建，采用了 [Firefly](https://github.com/CuteLeaf/Firefly)模板
19
这个网站使用 **Astro** 框架构建，采用了 [Firefly](https://github.com/CuteLeaf/Firefly) 主题。
20

21

22
**Firefly** 是一款基于 Astro 框架开发的清新美观且现代化个人博客主题，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。
23

24

25
**🖥️在线预览： [Firefly - Demo site](https://firefly.cuteleaf.cn/)**
26

27
**🏠我的博客： [https://blog.cuteleaf.cn](https://blog.cuteleaf.cn/)**
28

29
**📝Firefly使用文档： [https://docs-firefly.cuteleaf.cn](https://docs-firefly.cuteleaf.cn/)**
30

31
**⭐Firefly开源地址：https://github.com/CuteLeaf/Firefly**
32

33
::github{repo="CuteLeaf/Firefly"}
34

35
<img src="/assets/images/firefly.png" />
36

37

38

39
## 📫 联系方式
40

41
如果你想和我交流技术问题，分享有趣的想法，或者只是想打个招呼，欢迎通过以下方式联系我：
42

43
* 💻 **GitHub**: [CuteLeaf](https://github.com/CuteLeaf)
44
* ✉️ **Email**: [xiaye@msn.com](mailto:xiaye@msn.com)
45
* 💻 **GitHub**：[xpfxzxc](https://github.com/xpfxzxc)
46
* ✉️ **Email**：[xpfxzxc@gmail.com](mailto:xpfxzxc@gmail.com)
47

48
---
49

50
*感谢你的来访！希望在这里能找到对你有用的内容。Firefly博客系统完全开源，如果喜欢的话，不妨给个GitHub点个Star ⭐ 支持一下！*
51
*感谢你的来访！希望在这里能找到对你有用的内容。如果想感谢或者想支持我继续创作，可以访问我的赞助页面。*

1
// ...
2
// 广告配置2 - 完整内容广告
3
export const adConfig2: AdConfig = {
4
  title: "支持博主",
5
  content:
6
    "如果您觉得本站内容对您有帮助，欢迎支持我们的创作！您的支持是我们持续更新的动力。",
7
    "如果您觉得本站内容对您有帮助，欢迎支持我的创作！您的支持将激励我持续提供优质内容。",
8
  image: {
9
    src: "/assets/images/d2.webp",
10
    alt: "支持博主",
11
    link: "about/",
12
    link: "/sponsor/",
13
    external: false,
14
  },
15
  link: {
16
    text: "支持一下",
17
    url: "about/",
18
    url: "/sponsor/",
19
    external: false,
20
  },
21
  closable: true,
22
  displayCount: -1,
23
  padding: {
24
    // all: "1rem",
25
  },
26
};

1
{
2
  // 组件类型：广告栏组件 2
3
  type: "advertisement",
4
  // 是否启用该组件
5
  enable: false,
6
  enable: true
7
  // 组件显示顺序
8
  order: 7,
9
  // 组件位置："sticky" 表示粘性定位
10
  position: "sticky",
11
  // CSS 类名
12
  class: "onload-animation",
13
  // 动画延迟时间
14
  animationDelay: 350,
15
  // 配置ID：使用第二个广告配置
16
  configId: "ad2",
17
},