ppt可尝试修复此演示文稿

近年来，JavaScript呈现框架激增。 这些框架使用HTML5，CSS3和JavaScript创建可以在任何现代Web浏览器中查看的演示幻灯片。 使用PowerPoint的日子已经一去不复返了，如今在创建演示文稿时有很多工具可供选择。

您可以选择许多不同的表示框架，每种都有其优点和缺点。 去年，Opensource.com社区主持人 ，这是一个非常不错的框架，它创建了精彩的但相当传统的演示文稿。 几个月前，我 ，该文件创建了类似Prezi的演示文稿，可以在三个维度上旋转，缩放和缩放。 但是，impress.js是一个非常复杂的工具。 今天，我将与您分享Bespoke.js，这是一个位于复杂性范围另一端的表示框架。

Bespoke.js

Mark Dalgleish的是一个超轻量级的演示框架（根据发行），可以通过插件进行扩展。 核心库的最小版本只有（大约）一千字节。 该核心库提供了创建基本演示文稿所需的足够功能，而提供了多种额外功能。 当然，几乎可以保证您需要至少一个插件，因为使用键盘输入导航演示文稿是插件提供的一项功能。 也就是说，Bespoke.js和键盘输入插件仍然远远小于大多数JavaScript演示框架。

提供了多种功能。 除了上述用于键盘交互的插件外，还有用于触摸输入，响应缩放，动画项目符号列表，代码示例的语法突出显示以及其他一些高级功能的插件。 还有 （基本上是可更改演示文稿显示方式的插件），Cube和Voltaire。 尽管您可能想更改颜色以满足您的需要，但两个主题都经过精心修饰，但不太浮华，但是它们都可以很好地使用。

Bespoke.js插件和主题以及Bespoke.js本身可以使用的npm或Twitter的 。

要使用npm安装Bespoke.js或插件：

npm install bespoke或npm install bespoke-[plugin]

要使用bower安装Bespoke.js或插件：

bower install bespoke.js或bower install bespoke-[plugin]

也可以通过克隆项目的GitHub存储库或从项目的GitHub页面下载文件来获取Bespoke.js及其插件。 但是，Bespoke.js Generator项目是一种更容易上手的方法。

定制发电机

开始制作Bespoke.js演示文稿的最快方法是使用 。 生成器将允许您设置演示文稿的标题，并将引导您完成一系列有关您要使用哪些插件的问题。 然后它将自动下载所有必需的Bower组件和Node.js模块。 生成器完成后，您将可以开始编辑演示文稿。

要安装Bespoke.js生成器：

1.如果尚未安装npm ，请从node.js站点并安装它，或者使用发行版的软件包管理器安装npm 。

2.一旦安装了npm ，运行： npm install -g generator-bespoke使用具有足够特权的帐户来安装软件包（例如root）。

要创建演示文稿，请创建一个新目录，然后转到该目录：

mkdir presentation-directory

cd presentation-directory

然后启动定制生成器并通过运行以下内容来创建演示文稿：

yo bespoke

您需要编辑的所有文件都将位于src子目录中。 Bespoke.js演示文稿的基本结构和内容是通过编辑index.jade文件中的标记创建的。 通过修改styles/main.styl文件来编辑styles/main.styl ，该文件利用使编写CSS规则更加容易。 最后，可以在scripts/main.js文件中编辑演示文稿JavaScript。

要构建演示文稿或使用创建本地服务器，将使用 以下命令将允许您构建演示文稿的静态副本，启动本地服务器或将您的项目推送到GitHub Pages（假设演示文稿已设置为Git存储库，“来源”指向GitHub。）

要构建静态站点（文件最终位于dist子目录中）： gulp

推送到GitHub Pages： gulp deploy 要启动本地服务器进行测试： gulp serve

对于想要创建插件和主题的高级用户，还提供了和 。 像所有其他官方Bespoke.js项目一样，它们都是根据发行的。

支撑

我之前在有关impress.js的文章中介绍了 ，但它也可以创建Bespoke.js演示文稿。 Strut是一个基于Web的演示文稿创建工具，其行为与传统演示文稿软件非常相似。 虽然Strut的功能不如独立的演示文稿软件（例如PowerPoint）完整，但Strut具有足够多的功能，可以使创建演示文稿变得快速，容易。 界面的左侧允许您创建和排序幻灯片。 屏幕顶部的工具栏使您可以添加文本，形状和图像，以及嵌入视频和网站。 您可以快速轻松地一次更改单个幻灯片或所有幻灯片的背景颜色。 也可以以相同的方式更改幻灯片后面的画布的背景颜色。 对于高级用户，Strut支持向对象添加自定义CSS类，并允许您从Strut内部编写新CSS规则。 对于喜欢写演示文稿而不是使用拖放工具的用户，还可以使用语法向幻灯片添加文本。

在Strut中创建impress.js演示文稿和Bespoke.js演示文稿之间的唯一区别是，进入Strut的概述模式时会发生什么。 对于impress.js，它允许您在3D画布上放置和旋转幻灯片，而Bespoke.js的概览模式则允许您从多个侧面过渡中进行选择。 从幻灯片之间的简单淡入淡出到Coverflow和旋转立方体选项，共有八种不同的过渡。 所有的过渡都很好，而且比较低调。 使用它们中的任何一个都会给演示文稿带来一点点修饰，而不会显得浮华，以至于过渡最终会分散演示文稿的内容。

您可以使用试用Strut，也可以从GitHub克隆或下载该项目，并使用构建Strut以安装在您自己的服务器上（或在本地运行）。 但是，新版本的Strut（Strut2.0）正在私有存储库中开发，应该在10月初公开发布，因此请注意这一点。

Strut的创建者根据发布了Strut。

您是否有喜欢JavaScript演示框架？ 如果是这样，请在下面的评论中分享。

翻译自:

ppt可尝试修复此演示文稿