Talkie.js是一款支持markdown语法的网页幻灯片插件。它能制作出类似PowerPoint的幻灯片效果。Talkie.js使用markdown语法，支持语法高亮等多种特性。它的特点还有：

• 支持Markdown语法
• 支持语法高亮
• 支持键盘控制
• 支持移动触摸设备
• 支持全屏模式
• 支持背景图片和CSS过滤器
• 显示当前进度条
• 响应式设计
• 易访问性支持

使用方法

在页面中引入talkie.min.css和talkie.min.js文件。

如果需要使用语法高亮，还要引入下面的js和CSS文件：

HTML结构

一个完整的网页幻灯片的模板代码类似下面的样子。

  
  





  
Slide 1













                

初始化插件

在页面DOM元素加载完毕之后，通过Talkie()方法来初始化该插件。

Talkie();        
                

配置参数

幻灯片比例

幻灯片默认的比例是4:3（1024px宽和768px高），下面的代码使幻灯片生成16:9的比例（宽: 1366px, 高: 768px）：

Talkie({wide: true});  
                

背景图片和CSS过滤器

你可以通过属性为每一张幻灯片添加背景图片。

  
Title
  
foo, bar, baz, qux...


                

backface-filter属性可以为背景图片添加CSS滤镜效果。

Talkie.js网页幻灯片插件的可用配置参数如下：

Talkie({
  api: false,
  wide: false,
  control: true,
  pointer: true,
  progress: true,
  backface: true,
  canvas: true,
  notransition: false,
  linkShouldBlank: false
});                  
                

小技巧

你可以通过“f”键进入全屏模式，按“Esc”键退出全屏模式。

你可以按“b”键调出鼠标指针圆点。

Talkie.js网页幻灯片插件的github地址为：https://github.com/ahomu/Talkie