easy-slides/examples/content-repo/slides/getting-started/slides.md

theme, title, description, author, date, tags, cover, transition, mdc, drawings

theme	title	description	author	date	tags	cover	transition	mdc	drawings
easy-jyy	easy-slides 快速开始	JYY 风格 Markdown 演示引擎的功能示例	easy-slides	2026-08-27	Markdown Slidev JYY Style	./assets/cover.svg	fade-out	true	persist false

easy-slides

写 Markdown，推送 Git，分享一场清晰的演示。

---

layout: default

内容优先

• 在 VS Code 中实时编辑
• 自动处理图片比例与可用空间
• 使用 Vue、Mermaid、KaTeX 和代码高亮
• 推送 Git 后部署到 Cloudflare Pages 或 GitHub Pages

---

layout: two-cols class: easy-code-lg

Markdown 与代码

::left::

数学公式

e^{i\pi}+1=0

::right::

代码高亮

const deck = await discover('slides')
const pages = deck.filter(page => !page.draft)
await build(pages)
const published = pages.map(page => page.slug)
const artifacts = await exportSlides(pages)
await upload(artifacts)
await invalidateCache(published)
console.info(`Published ${published.length} decks`)
return { pages, published }

---

layout: image-auto image: ./assets/cover.svg imageFit: contain

智能图片

• 默认保持原始比例
• 宽图自动切换为上下结构
• 不超出幻灯片内容区
• 支持方向、contain、cover 和定位覆盖

---

layout: default

Markdown 图片属性

{fit="contain" position="center" max-height="55vh"}

---

layout: default

文本生成图表

flowchart LR
  A[编辑 Markdown] --> B[Vite 实时预览]
  B --> C[构建静态站点]
  C --> D[Cloudflare Pages]
  C --> E[GitHub Pages]

---

layout: default

表格尺寸预设

预设	字号	单元格留白
小	24px	7px × 10px
中（默认）	30px	10px × 14px
大	36px	13px × 18px

---

layout: quote

内容决定表达，样式帮助内容被看见。