+
diff --git a/src/pages/slides/[...slug].astro b/src/pages/slides/[...slug].astro
new file mode 100644
index 0000000..92a13cf
--- /dev/null
+++ b/src/pages/slides/[...slug].astro
@@ -0,0 +1,668 @@
+---
+import type { SlideDeck } from '../../lib/slides'
+import { getAllSlideDecks } from '../../lib/slides'
+import '../../styles/global.css'
+
+export async function getStaticPaths() {
+ const decks = await getAllSlideDecks()
+ return decks.map(deck => ({
+ params: { slug: deck.slug },
+ props: { deck },
+ }))
+}
+
+interface Props {
+ deck: SlideDeck
+}
+
+const { deck } = Astro.props
+---
+
+
+
+
+
+
+
{deck.title}
+
+
+
+
+ {deck.title}
+
+
+
+
+
+
+
+
+ {deck.slides.map((slide, idx) => (
+
+
+
+
+
+ {idx + 1} / {deck.slideCount}
+ 左右滑动翻页
+
+
+ ))}
+
+
+
目录
+
+
+
+ {deck.slides.map((s, idx) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/slides/[slug]/images/[image].ts b/src/pages/slides/[slug]/images/[image].ts
new file mode 100644
index 0000000..bac0a70
--- /dev/null
+++ b/src/pages/slides/[slug]/images/[image].ts
@@ -0,0 +1,52 @@
+import type { APIRoute } from 'astro'
+import fs from 'node:fs/promises'
+import path from 'node:path'
+import process from 'node:process'
+
+export async function getStaticPaths() {
+ const slidesDir = path.resolve(process.cwd(), 'src/content/slides')
+ try {
+ const entries = await fs.readdir(slidesDir, { withFileTypes: true })
+ const paths = []
+ for (const entry of entries) {
+ if (entry.isDirectory()) {
+ const imagesDir = path.join(slidesDir, entry.name, 'images')
+ try {
+ const files = await fs.readdir(imagesDir)
+ for (const file of files) {
+ paths.push({
+ params: { slug: entry.name, image: file },
+ props: { filePath: path.join(imagesDir, file) },
+ })
+ }
+ }
+ catch {
+ // No images directory in this slide deck
+ }
+ }
+ }
+ return paths
+ }
+ catch {
+ return []
+ }
+}
+
+export const GET: APIRoute = async ({ props }) => {
+ const file = await fs.readFile(props.filePath)
+ const ext = path.extname(props.filePath).toLowerCase()
+ const mimeTypes: Record
= {
+ '.jpg': 'image/jpeg',
+ '.jpeg': 'image/jpeg',
+ '.png': 'image/png',
+ '.webp': 'image/webp',
+ '.svg': 'image/svg+xml',
+ '.gif': 'image/gif',
+ }
+ return new Response(file, {
+ headers: {
+ 'Content-Type': mimeTypes[ext] || 'application/octet-stream',
+ 'Cache-Control': 'public, max-age=31536000, immutable',
+ },
+ })
+}
diff --git a/src/pages/slides/index.astro b/src/pages/slides/index.astro
new file mode 100644
index 0000000..75ebee9
--- /dev/null
+++ b/src/pages/slides/index.astro
@@ -0,0 +1,122 @@
+---
+import CornerMarkers from '../../components/CornerMarkers.astro'
+import ArrowRight from '../../components/icons/ArrowRight.astro'
+import Layout from '../../layouts/Layout.astro'
+import { getAllSlideDecks } from '../../lib/slides'
+
+const decks = await getAllSlideDecks()
+---
+
+
+
+
+
+
+
+
+
+
+
+
Slides
+
+ {decks.length} {decks.length === 1 ? 'Deck' : 'Decks'}
+
+
+
+ Developer slide decks authored in Slidev-compatible Markdown under src/content/slides/.
+
+
+
+
+
+ {decks.map(deck => (
+
+
+
+
+
+
+ {deck.slideCount} Slides
+
+
+ Slidev Format
+
+
+
+
+ {deck.description || '基于 Mac mini 私有算力与 Grok Bot 多 Agent 协作的移动端极客开发范式。'}
+
+
+ Path: src/content/slides/{deck.slug}/slides.md
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+ 💡 本地 Slidev 原生体验与导出
+
+
+ 所有幻灯片均遵循标准 Slidev 规范编写，既可在此页面直接交互播放，也可使用官方 Slidev CLI 获取演讲者模式、画板涂鸦及 PDF/PPTX 导出能力：
+
+
+
# 启动原生 Slidev 演示（支持双屏演讲者备注按 P）
+
pnpm dlx @slidev/cli src/content/slides/mobile-vibe-coding/slides.md --open
+
# 导出为 PowerPoint (.pptx) 或 PDF
+
pnpm dlx @slidev/cli export src/content/slides/mobile-vibe-coding/slides.md --format pptx
+
+
+
+
+
+
+
+
+
+