[site]
title = "Firmamento"                    # 站点标题，显示在浏览器标签和页头
description = "欢迎来到这个小站！"      # 站点描述，用于 SEO 和 Banner 副标题
url = "https://luoshulv.netlify.app/"   # 站点完整 URL，用于 RSS、Sitemap
language = "zh-CN"                      # HTML lang 属性值
author = "花束（洛疏律）"               # 作者名称，显示在页脚和个人信息栏
bg_image = "/scp.jpg"                   # 全屏背景图路径，支持本地和远程图片
announcement = "欢迎来到我的个人小站！" # 站点公告，显示在右侧工具栏
launch_date = "2026-07-10"              # 建站日期（用于计算运行天数）

featured_posts = ["story-1"]            # 首页推荐文章 slug 或 ID

[banner]
title = "Firmamento"
subtitle = "欢迎来到属于我的星空，坐在这里陪我一会吧~"
bg_start = "#38bdf8"
bg_end = "#0284c7"
bg_opacity_start = "15%"
bg_opacity_end = "5%"
border_opacity = "10%"
shadow_opacity = "35%"
typing_speed = 120        # 打字速度（ms/字符）
typing_delete_speed = 60  # 删除速度（ms/字符）
typing_pause = 2000       # 完成后暂停时间（ms）
typing_loop = true        # 是否循环

[author]
avatar = "/avatar.png"                          # 头像图片路径，支持本地和远程
id = "花束（洛疏律）"                           # 作者昵称/ID，显示在个人信息栏
bio = "血液的作用之一，是为信仰付出代价。"      # 个人简介
location = "中华人民共和国"                      # 所在地
age = "17"                                      # 年龄

[[social_links]]
name = "GitHub"
href = "https://github.com/silencieuxzero"
icon = "github"

[[social_links]]
name = "Fandom"
href = "https://backrooms.fandom.com/zh/wiki/User:Appennino"
icon = "fandom"

[repos]
username = "silencieuxzero"   # GitHub 用户名，用于 API 调用
page_title = "GitHub 仓库"    # 仓库页面标题
page_subtitle = "仓库副标题"  # 仓库页面副标题
display_mode = "selected"     # "all" 或 "selected"

[[displayed_repos]]
owner = "silencieuxzero"
repo = "backrooms_escape"

[[displayed_repos]]
owner = "E33EPUS"
repo = "E33EPUS-s-ChatScreen"

[site]
featured_posts = ["story-1"]

[music]
loop_mode = "all"   # "none" 不循环 / "one" 单曲循环 / "all" 列表循环
autoplay = false
volume = 0.3        # 默认音量（0.0 ~ 1.0）

[[songs]]
url = "/music/song.mp3"
title = "歌曲名"

# 网易云音乐：使用 id 字段
# [[songs]]
# id = "3379996850"
# title = "网易云音乐歌曲"

[[gallery.images]]
src = "/image.jpg"      # 图片路径，支持本地和远程 URL
alt = "图片描述"        # 用于无障碍访问和灯箱预览
copyright = "版权方"    # 版权方名称
source = "来源链接"     # 图片来源链接

[sub_gallery]
page_title = "三十天友谊挑战"
page_subtitle = "描述文字"
password = "30days"   # 留空则不启用密码

[[sub_gallery.images]]
src = "/image.jpg"
alt = "第1天"

[[friend_links]]
name = "站点名"
url = "https://example.com/"
description = "站点描述"
avatar = "https://example.com/avatar.png"

const blog = defineCollection({
  loader: glob({ base: './src/content/blog', pattern: '**/*.{md,mdx}' }),
  schema: z.object({
    title: z.string(),
    description: z.string(),
    pubDate: z.coerce.date(),
    updatedDate: z.coerce.date().optional(),
    heroImage: z.string().optional(),
    password: z.string().optional(),
    category: z.string().optional(),
    tags: z.array(z.string()).optional(),
  }),
});

schema: z.object({
  title: z.string(),
  description: z.string(),
  pubDate: z.coerce.date(),
  updatedDate: z.coerce.date().optional(),
  heroImage: z.string().optional(),
  password: z.string().optional(),
  category: z.string().optional(),
  tags: z.array(z.string()).optional(),
  // 自定义字段示例
  draft: z.boolean().optional(),  // 草稿标记
  pinned: z.boolean().optional(), // 置顶标记
})

---
title: 文章标题
description: 文章简介
pubDate: 2026-07-10
updatedDate: 2026-07-11       # 可选
heroImage: ./path/to/image.jpg # 可选
password: <SHA-256 哈希值>     # 可选，启用加密
category: 分类名               # 可选
tags: [标签1, 标签2]           # 可选
draft: true                    # 可选，草稿标记（需在 schema 中声明）
pinned: true                   # 可选，置顶标记（需在 schema 中声明）
---

node scripts/hash-password.mjs <your-password>

---
title: ''
description: ''
pubDate: 2026-07-17
updatedDate: 2026-07-17
heroImage: ''
category: ''
tags: []
---

## 文章正文

在这里开始写作...

[page]
title = "教程"
subtitle = "一些实用教程的集合"
description = ""  # SEO 描述，留空则继承站点全局描述

[layout]
columns_mode = "auto"    # "auto" 自适应 / "fixed" 固定列数
fixed_columns = 3        # 固定列数（1~6）
card_min_width = 280     # 卡片最小宽度（px）
items_per_page = 6       # 每页显示数量（1~24）

[display]
show_thumbnail = true
show_category_badge = true
show_date = true
show_word_count = true
show_description = true
thumbnail_height = 120  # 60 ~ 300

[search]
enabled = true
debounce_delay = 200      # 防抖延迟（ms），50 ~ 1000
search_title = true
search_description = true

[filter]
enabled = true

[pagination]
enabled = true
show_page_numbers = true
show_prev_next = true

[animation]
card_enter_animation = true
animation_duration = 0.4    # 0.1 ~ 1.0
animation_stagger = 0.06    # 0 ~ 0.3，建议 0.03 ~ 0.1
hover_translate_y = 3       # 0 ~ 20

[appearance]
card_border_radius = 8      # 0 ~ 20
card_border_opacity = 0.15  # 0 ~ 1
thumbnail_gradient_opacity_start = 0.2  # 0 ~ 1
thumbnail_gradient_opacity_end = 0.07   # 0 ~ 1

[categories.colors]
"前端开发" = "#38bdf8"
"后端开发" = "#34d399"
"DevOps"   = "#f472b6"
"设计"     = "#a78bfa"
"编程语言" = "#fb923c"

[[tutorials]]
title = "教程标题"
description = "教程描述"
pubDate = "2026-07-14"
category = "分类名"
url = "/blog/slug"  # 链接到对应博客文章或外部链接

[integration]
show_in_navbar = true
navbar_link_text = "教程"

:root {
  --accent: #38bdf8;          /* 主色调 */
  --accent-dark: #0284c7;     /* 主色调深色 */
  --black: 15, 18, 25;        /* 主要文字色（RGB 值） */
  --gray: 96, 115, 159;       /* 次要文字色 */
  --gray-light: 229, 233, 240; /* 浅色背景 */
  --gray-dark: 34, 41, 57;    /* 深色文字 */
  --gray-gradient: rgba(var(--gray-light), 50%), #fff;
  --box-shadow:
    0 1px 3px rgba(var(--gray), 15%),
    0 4px 12px rgba(var(--gray), 18%);
}

[data-theme="dark"] {
  --black: 229, 233, 240;
  --gray: 156, 163, 175;
  --gray-light: 31, 41, 55;
  --gray-dark: 229, 233, 240;
  --gray-gradient: rgba(31, 41, 55, 50%), #0f1219;
  --box-shadow:
    0 1px 3px rgba(0, 0, 0, 25%),
    0 4px 12px rgba(0, 0, 0, 30%);
}

fonts: [
  {
    provider: fontProviders.local(),
    name: 'Atkinson',
    cssVariable: '--font-atkinson',
    fallbacks: ['sans-serif'],
    options: {
      variants: [
        { src: ['./src/assets/fonts/atkinson-regular.woff'], weight: 400, style: 'normal' },
        { src: ['./src/assets/fonts/atkinson-bold.woff'], weight: 700, style: 'normal' },
      ],
    },
  },
];

fonts: [
  {
    provider: fontProviders.google(),
    name: 'Noto Sans SC',
    cssVariable: '--font-noto',
    fallbacks: ['sans-serif'],
  },
];

const html = document.documentElement;
const btn = document.querySelector('.theme-toggle');
const stored = localStorage.getItem('theme');
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
if (stored === 'dark' || (!stored && prefersDark)) {
  html.setAttribute('data-theme', 'dark');
}
btn?.addEventListener('click', () => {
  const isDark = html.getAttribute('data-theme') === 'dark';
  html.setAttribute('data-theme', isDark ? 'light' : 'dark');
  localStorage.setItem('theme', isDark ? 'light' : 'dark');
});

const COLLAPSE_THRESHOLD = 15;  // 超过多少行自动折叠

// markdown: {
//   processor: unified({
//     rehypePlugins: [rehypeCodeBlock],
//   }),
// },

---
import Header from '../components/Header.astro';
---

<Header />

---
// 定义 Props 类型
interface Props {
  title: string;
  count?: number;
}
const { title, count = 0 } = Astro.props;
---

<div>{title} - {count}</div>

---
// src/pages/projects.astro
import BaseHead from '../components/BaseHead.astro';
import Footer from '../components/Footer.astro';
import Header from '../components/Header.astro';
import { SITE_TITLE } from '../consts';
---

<!doctype html>
<html lang="zh-CN">
  <head>
    <BaseHead title={`项目 - ${SITE_TITLE}`} description="我的项目展示" />
  </head>
  <body>
    <Header />
    <main>
      <h1>我的项目</h1>
      <!-- 页面内容 -->
    </main>
    <Footer />
  </body>
</html>

---
// src/pages/blog/[...slug].astro
const { slug } = Astro.params;
---

adapter: netlify(),

npm install -g vercel
vercel

npm run build
# 将 dist/ 目录部署到任意静态托管服务

export const iconMap = {
  github: '<svg>...</svg>',
  fandom: '<svg>...</svg>',
  sun: '<svg>...</svg>',
  moon: '<svg>...</svg>',
  folder: '<svg>...</svg>',
  tag: '<svg>...</svg>',
};

<span class="icon" set:html={iconMap['github'] || ''} />

:root {
  --accent: #a78bfa;
  --accent-dark: #7c3aed;
}

[banner]
bg_start = "#a78bfa"
bg_end = "#7c3aed"

---
export interface Props {
  title?: string;
  description?: string;
  image?: string;
}
const { 
  title = SITE_TITLE, 
  description = SITE_DESCRIPTION,
  image = `${SITE_URL}/og-image.png`
} = Astro.props;
---

<head>
  <title>{title}</title>
  <meta name="description" content={description} />
  <meta property="og:title" content={title} />
  <meta property="og:description" content={description} />
  <meta property="og:image" content={image} />
  <meta property="og:type" content="website" />
  <link rel="canonical" href={Astro.url.href} />
</head>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Blog",
  "name": "{SITE_TITLE}",
  "description": "{SITE_DESCRIPTION}"
}
</script>

/_astro/*
  Cache-Control: public, max-age=31536000, immutable