2026-04-08 幻灯片放映备份

发布时间 :
  1. width: 960height: 700margin: 0.04minScale: 0.2maxScale: 2.0theme: blackhighlightTheme: zenburncontrols: trueprogress: trueslideNumber: falsetransition: slidetransitionSpeed: defaultbg: ‘#ffffff’
  2. 尺寸设置
  3. 分隔符设置
  4. 外观设置
  5. 控制设置
  6. 过渡效果
  7. 自动播放
  8. 插件功能
  9. 模板
  10. 自定义CSS
    1. css: []
    2. bg: red
    3. bg: transparent # 透明背景(适合OBS叠加)
    4. notesSeparator: ‘我的笔记:’
  11. 带珊瑚色背景的标题
    1. width: 1200height: 800theme: whitetransition: fadebg: ‘#f5f5f5’
  12. 演示标题
  13. 第二张幻灯片
  14. 带渐变背景的幻灯片
  15. 代码演示
  16. 表格
  17. Mermaid图表
  18. 联系方式

Obsidian Advanced Slides AI Skill

📋 目录

基础语法、幻灯片分隔符、YAML Frontmatter配置、片段语法、背景设置、演讲者笔记、元素注解、幻灯片注解、高级功能

基础语法

基本Markdown支持

一级标题
二级标题
三级标题

粗体文本斜体文本
删除线

无序列表项1
无序列表项2
子项

有序列表项1
有序列表项2

引用块

行内代码

代码块

表头1 表头2
内容1 内容2

外部链接

图片描述
网络图片

数学公式 $E=mc^2$

graph LR
A–>B

::: callout-info
提示框内容
:::

幻灯片分隔符

水平幻灯片分隔符

幻灯片1

幻灯片2

垂直幻灯片分隔符

幻灯片1

–

子幻灯片1.1

–

子幻灯片1.2

注意：分隔符前后需要空行

YAML Frontmatter配置

基础配置模板

width: 960
height: 700
margin: 0.04
minScale: 0.2
maxScale: 2.0
theme: black
highlightTheme: zenburn
controls: true
progress: true
slideNumber: false
transition: slide
transitionSpeed: default
bg: ‘#ffffff’

完整配置选项

尺寸设置

width: 960 # 幻灯片宽度
height: 700 # 幻灯片高度
margin: 0.04 # 内容边距
minScale: 0.2 # 最小缩放比例
maxScale: 2.0 # 最大缩放比例

分隔符设置

separator: ‘^( ?| )—( ?| )’ # 水平分隔符
verticalSeparator: ‘^( ?| )–( ?| )’ # 垂直分隔符
notesSeparator: ‘note:’ # 笔记分隔符

外观设置

theme: black # 主题: black, white, league, beige, sky, night, serif, simple, soralized, blood, moon
highlightTheme: zenburn # 代码高亮主题
bg: ‘#ffffff’ # 默认背景色

控制设置

controls: true # 显示控制箭头
controlsLayout: bottom-right # 控件位置: edges, bottom-right
progress: true # 显示进度条
slideNumber: false # 显示幻灯片编号
overview: true # 启用概览模式
center: true # 垂直居中
loop: false # 循环播放
rtl: false # 右到左方向
shuffle: false # 随机顺序
fragments: true # 全局片段开关
showNotes: false # 显示演讲者笔记给所有观众

过渡效果

transition: slide # 过渡样式: none, fade, slide, convex, concave, zoom
transitionSpeed: default # 过渡速度: default, fast, slow

自动播放

autoSlide: 0 # 自动切换时间(毫秒), 0=禁用

插件功能

enableOverview: false # 启用概览按钮
enableChalkboard: false # 启用黑板功能
enableTimeBar: false # 启用计时条
timeForPresentation: 120 # 演示时长(秒)

模板

defaultTemplate: null # 默认模板名称

自定义CSS

css: []

片段语法

基本片段

::: fragment
淡入效果
:::

::: fragment fade-out
淡出效果
:::

::: fragment highlight-red
高亮红色
:::

::: fragment fade-in-then-out
淡入后淡出
:::

::: fragment slide-up
向上滑动淡入
:::

控制片段顺序

::: fragment
永久项
:::

::: fragment data-fragment-index=”4”
第四出现
:::

::: fragment data-fragment-index=”3”
第三出现
:::

::: fragment data-fragment-index=”2”
第二出现
:::

::: fragment data-fragment-index=”1”
第一出现
:::

片段列表

::: fragment list

  • 第一项
  • 第二项
  • 第三项
    :::

背景设置

幻灯片背景颜色

::: slide bg=”white”
文本背景
:::

::: slide bg=”#ff0000”
十六进制背景
:::

::: slide bg=”rgb(255, 0, 0)”
RGB背景
:::

::: slide bg=”hsl(0, 100%, 50%)”
HSL背景
:::

幻灯片背景图片

::: slide bg=”url(网络图片链接)”
网络图片背景
:::

::: slide bg=”url(本地图片路径)”
本地图片背景
:::

::: slide bg=”url(图片链接) rgba(255,255,255,0.5)”
带透明度的背景 (0.5 = 50%)
:::

全局背景设置

bg: red

bg: transparent # 透明背景(适合OBS叠加)

演讲者笔记

添加演讲者笔记

我的幻灯片

这是演示内容的一部分

note: 这不是! 只有演讲者能看到这段文字。
这个要点
或这张图片

自定义笔记分隔符

notesSeparator: ‘我的笔记:’

然后使用：

我的笔记: 这是演讲者笔记

元素注解

添加CSS类

::: class bordered
带边框的文本
:::

::: class bg-yellow
带背景的文本
:::

::: class “bordered bg-blue”
带属性的文本
:::

高级元素注解

::: class important
重要文本
:::

图片::: class rounded
图片注解
:::

幻灯片注解

幻灯片样式注解

::: slide style=”background-color: coral;”

带珊瑚色背景的标题

段落也有珊瑚色背景！
:::

::: slide style=”li { background-color: green; }”

  • 所有项目符号
  • 都有绿色
  • 背景颜色
    :::

幻灯片类注解

::: slide class=”custom-slide”
自定义类的幻灯片
:::

高级功能

布局组件

Split组件

::: split
左侧内容

右侧内容
:::

Grid组件

::: grid
-6
第一列内容

-6
第二列内容
:::

图表支持

{
  "type": "bar",
  "data": {
    "labels": ["一月", "二月", "三月"],
    "datasets": [{
      "label": "销售额",
      "data": [10, 20, 30]
    }]
  }
}

Font Awesome图标

:fa-solid fa-heart: 爱心图标

:fa-brands fa-github: GitHub图标

Emoji支持

😊 😀 🎉 🚀 💡

Excalidraw支持

绘制文件名

嵌入其他笔记

其他笔记名称 其他笔记名称#章节标题

内联样式

::: inline style=”color: red; font-size: 2em;”
红色大字
:::

块注释

完整示例

width: 1200
height: 800
theme: white
transition: fade
bg: ‘#f5f5f5’

演示标题

欢迎来到我的演示！

第二张幻灯片

  • 第一点
  • 第二点
  • 第三点

note: 这是演讲者笔记，只有你能看到

::: slide style=”background: linear-gradient(to right, #ff0000, #00ff00);”

带渐变背景的幻灯片

彩色背景！
:::

代码演示

def hello_world():
    print("Hello, World!")
    
    return True

表格

功能 状态 说明
基础语法 ✅ 支持
片段 ✅ 支持
背景 ✅ 支持

Mermaid图表

graph TD
    A[开始] --> B{条件}
    B -->|是| C[执行]
    B -->|否| D[结束]

联系方式

Email: example@email.com
GitHub: https://github.com/example

note: 感谢观看！

快速参考卡

常用快捷键

Space / → / ↓: 下一张
Shift + Space / ← / ↑: 上一张
Home: 第一张
End: 最后一张
B: 黑屏
W: 白屏
F: 全屏
S: 演讲者视图
O: 概览模式
Esc: 退出全屏/概览

主题列表

black - 黑色主题
white - 白色主题
league - 联盟主题
beige - 米色主题
sky - 天空主题
night - 夜晚主题
serif - 衬线主题
simple - 简单主题
solarized - 日光化主题
blood - 血色主题
moon - 月亮主题

过渡效果

none - 无效果
fade - 淡入淡出
slide - 滑动
convex - 凸出
concave - 凹入
zoom - 缩放

使用说明

  1. 复制整个文件到你的AI工具中作为技能/知识库
  2. 创建新幻灯片时，让AI参考此技能文档
  3. 询问特定功能时，可以直接引用章节标题
  4. 需要示例代码时，复制对应部分即可
转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 kipleyarch@gmail.com

浙ICP备2025181060号-2 © litearch

Built with Hexo and 3-hexo theme

Obsidian