自定义

从样式到工具,Slidev 都是完全可以自定义的。你可以对以下这些工具进行自定义配置( ViteWindi CSSMonaco ,等等。)

扉页配置

你可以在 Slidev 的第一张幻灯片扉页处(文件顶部)进行各项配置,以下是各项的默认参数。

---
# 主题id 或 主题包名称
theme: 'default'
# 幻灯片的总标题,如果没有指定,那么将以第一张拥有标题的幻灯片的标题作为总标题
title: ''
# titleTemplate for the webpage, `%s` will be replaced by the page's title
titleTemplate: '%s - Slidev'

# 在单页(SPA)构建中启用 pdf 下载,也可以指定一个自定义 url
download: true
# 语法高亮设置,可以使用 'prism' 或 'shiki' 方案
highlighter: 'prism'
# 在代码块中显示行号
lineNumbers: false
# 启用 monaco 编辑器,默认情况下仅在开发者(dev)模式中启用
monaco: 'dev'

# 幻灯片的配色方案,可以使用 'auto','light' 或者 'dark'
colorSchema: 'auto'
# vue-router 模式,可以使用 'history' 或 'hash' 模式
routerMode: 'history'
# 幻灯片的长宽比
aspectRatio: '16/9'
# canvas 的真实宽度,单位为 px
canvasWidth: 980

# 字体将从 Google 字体自动导入
# 了解更多:https://sli.dev/custom/fonts
fonts:
  sans: 'Roboto'
  serif: 'Roboto Slab'
  mono: 'Fira Code'

# 为所有幻灯片添加默认的 frontmatter
defaults:
  layout: 'default'
  # ...

# 幻灯片的一些信息,可以使用 markdown 语法来书写
info: |
  ## Slidev
  我的第一个 [Slidev](http://sli.dev/) 演示!
---

你可以从 类型定义 获取到更多的配置信息。

目录结构

Slidev 使用特定的目录结构来减少配置的复杂度,并使功能扩展更加的灵活和直观。

具体请参考 目录结构 章节。

Config Tools