用户故事分享|一陈：程序员教你打开幕布应用与拓展的新大门
写在前面
你接触到了幕布，是被它的大纲吸引，还是思维导图吸引？一陈是被幕布的诸多场景应用吸引。文字作为我们输出的底层工具，将文字在诸多场景运用好，才能发挥文字的巨大作用。接下来，就让一陈告诉你，我在哪些场景用幕布吧~
1 幕布演示
1.1 大纲
我们平时正文书写的模式，便是大纲模式。
直接进入演示模式，就能展示你的文字，非常的方便。也是一陈在上课时讲解文字内容的常用的方式。
展示效果如下图所示
1.2 思维导图
思维导图也是幕布的特色功能，我们在大纲中书写的文字，能够一键转成思维导图，在思维导图的模式，也可以进行内容编辑，大纲和导图之间完全打通（新版功能）！
讲解结构性内容时非常适合。
导图演示
1.3 拓展：幕布结合reveal.js制作分点讲解的幻灯
大纲展示和思维导图展示基本能满足演示的需求，但像PPT一样翻页展示部分内容，分点展示内容有些困难。
为解决幕布展示和PPT展示之间差异，一陈查找资料后，发现reveal.js制作的幻灯能很好的解决内容分点展示的问题。
可能你不太懂什么是reveal.js，也不了解它制作出的幻灯是什么样的，更不知道如何来做这样的幻灯。别着急，看一陈接下来的内容。
reveal.js 是一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现。在英文中，「reveal」有「启示」的意思，这一释义恰到体现了演示文稿的本质：化繁为简地、清晰地启发观众，让他们在最短时间内了解演讲的内容。
图1.3.1 幻灯演示
看了上面的演示，是不是觉得和平时演讲的PPT差不多。
想要制作这样的幻灯，原本是有一定难度的，但是有了幕布，我们可以大大降低制作的难度。此外，一陈结合幕布的功能以及reveal.js的功能，制作了一款md2slide的免费小工具，来帮助你快速的从幕布内容到幻灯的制作。
制作流程也很简单：幕布导出html文件 → 打开md2slide工具 → 上传文件 → 得到幻灯
详细教程可以从这里查看：
2 文字内容输出
2.1 Word
我们可以使用幕布word导出功能，或者直接复制幕布内容到word中进行编辑。
虽然两种方法都可以导出文字内容，还是有一些差别。可根据需要使用。
差别：
幕布word导出功能：带文字颜色，带加粗斜体下划线样式，图片大小适宜，带超链接
直接复制：不带文字颜色，不带加粗斜体下划线样式，图片载入其实际大小，带超链接
幕布word导出功能
直接复制粘贴过去
2.2 富文本与微信公众号文章
使用幕布文字内容最适宜的场景便是富文本了！
当我们复制幕布内容到富文本框中时，文本的样式会最大限度的保留下来，避免重复的二次编辑。
当你真的直接从幕布中复制，你会发现，怎么和你说的不一样，我的样式都没有！
因为，这里我们需要幕布的导出功能——导出Html文件
在导出的html文件中复制，再粘贴到富文本框中，便完成了。这里我们用微信公众号的富文本框作示范
但其实你会发现，除了文字的颜色、高亮、加粗斜体下划线等效果得到了很好的保留。同时也存在一些问题，比如图片加载的位置跑到了文字的最上方，段落前还保留了大纲的小点。
有没有更好解决这些问题的办法呢？
为了帮你处理好这个问题，一陈设计了一款免费工具微信图文排版工具来帮你解决这个问题。
2.3 拓展：幕布结合微信图文排版工具制作精美图文
一陈微信图文排版工具是一陈针对幕布设计的一款图文排版工具。用预设好的文字效果来帮助你达到快速排版的效果，如果你有做微信公众号，使用一陈的工具，你会发现头疼的排版问题不再是你的问题了。
制作流程和上面那款工具类似：幕布导出html文件 → 打开微信图文排版工具 → 上传文件 → 得到排版好的图文
一陈微信图文排版工具演示
仅需上传幕布导出的html文件，便能一键生成精美的图文排版，还有八个样式可以选择，如果你懂一点css知识，还能定制属于你自己的图文样式。当然，不会也没有关系，一陈还设计了一个神秘盲盒，来体验一下能随机到什么样式吧~
详细教程可以从这里查看：
写在后面
书写文字是我们的基本功，展示文字是你的才华流露。
幕布帮你塑造基本功，一陈的工具帮你快速展示。便捷的展示，才是使用工具的最大奥义。
祝使用愉快~
赞 (0)