用 4 个步骤构建数字幻灯片
用 4 个步骤构建数字幻灯片
原文：https://medium.com/hackernoon/build-a-digital-slide-deck-in-4-steps-9b4393e58c85
任何公司或组织的表示层对于成功都至关重要。幕后的工作通常不会以执行的方式报告，让知识专家看起来缺乏光彩，让销售团队看起来毫无准备。克服这一障碍的一个现成资源是格式化一个数字幻灯片，以便向客户演示，无论您是与他们在房间里，还是在介绍性会议后提交一个链接。
在这篇博客中，我将向你展示如何利用现有的代码库例子来构建你自己的数字幻灯片演示文稿 。 Slide Deck 构建在 Impress.js 演示框架之上，运行在 light Node.js 服务器上。安装后，您可以在您的 Cosmic JS bucket dashboard 中配置所有布局、内容和动画。
对于这个示例应用程序，我将使用 Cosmic JS 。Cosmic JS 是一个 API 优先的 CMS ，它使得管理和构建网站和应用程序更加快速和直观。通过将内容从代码中分离出来，Cosmic JS 增强了开发人员的灵活性，同时确保内容编辑人员能够以最适合他们的方式规划和部署内容。我们将使用 Cosmic JS 来安装我们的示例应用程序，部署和更新来自基于云的内容管理平台的内容。
如果你还没有，那就从报名参加宇宙 JS 开始吧。下面提供了有用的资源来简化您的开发操作。
1.创建新的存储桶
您的 bucket 的名称是您正在构建的网站、项目、客户端或 web 应用程序的名称。我将我的命名为“数字幻灯片”，以保持示例博客的简洁。
2.安装幻灯片应用程序
一旦你注册并命名了你的桶，你将被提示从头开始或者“查看一些应用”。对于这个博客，我简单地点击了右键“查看一些应用程序”，这样我就可以开始安装 Cosmic JS 数字幻灯片了。
应用程序安装选项
Cosmic JS 让你能够在编程语言之间进行过滤，比如 Node.js 、 PHP 、 React 、 AngularJS 等等。
只需点击幻灯片组图标下方的“安装”即可开始，或者访问宇宙 JS 应用页面。
3.部署到 Web
我点击了“部署到 Web”。然后，我可以在部署 web 应用程序时编辑对象。您将收到一封电子邮件，确认您的 web 应用程序的部署。如果您在部署过程中遇到任何问题，您可能会被转到 Cosmic JS 故障排除页面。
确认部署位置和分支
部署分支机构确认模式
我从一个回购中提取，我的分支被澄清，我有一个与我在步骤 1 中创建的 slug / bucket 名称相匹配的部署位置。
展开，展开
一个小小的保证，让你很快就能在网上活得好好的。:)
4.编辑全局对象
幻灯片组中设置的对象被列为步骤，并分别授予编辑每个幻灯片动作的副本、动画和内容的权限。编辑是在宇宙 JS 仪表盘中实现的梦想。要了解更多关于如何在考虑编辑内容的情况下构建 Cosmic JS 的信息，请阅读在考虑内容编辑器的情况下构建。
应用部署确认
就像注册、创建新的存储桶、安装 web 应用程序、编辑对象和部署一样简单！我收到了访问我的 web 应用程序的确认电子邮件，还看到了我的桶升级选项，如自定义域、一键式 SSL、webhooks 和本地化。
Cosmic JS 是一个 API 首创的基于云的内容管理平台，可以轻松管理应用和内容。如果你对 Cosmic JS API 有任何疑问，请通过 Twitter 或 Slack 联系创始人。
卡森·吉本斯是 Cosmic JS 的联合创始人& CMO，这是一个 API 第一的基于云的内容管理平台，它将内容与代码分离，允许开发人员用他们想要的任何编程语言构建流畅的应用程序和网站。
