使用Vortex制作markdown幻灯片/Vortex tutorial: Creating PPT with markdown syntax

Summary：
Sometimes we need to use PPT to explain our products or instructions to others. If you have been using the markdown syntax to create content, you may not be good at using other tools, such as PowerPoint Today I'll show you how to use markdown syntax to create PPT.
有时候我们需要使用幻灯片去向别人展示我们的产品或者说明等等。如果你平时创建内容都喜欢使用MarkDown语法，那么下面介绍的这款编辑器将会变成您的首选。不仅仅支持所有的markdown语法，同时实现所见即所得，当然最重要的功能是今天将要介绍的，可以制作幻灯片。

1.下载安装Vortex

github：https://github.com/tajpure/vortex/
下载地址：https://github.com/tajpure/vortex/releases
根据自己的系统，选择对应的软件进行下载，不需要安装，直接打开就行了。

2.下面先看下实例

使用的markdown代码如下：

# @jubi
My blog is https://steemit.com/@jubi
Chinese user guide:http://steemit.wang
---
## Who is jubi?
* Chinese guy
* love game
* love movie
* love steem
---
## 2018
祝大家新年快乐！！
---
## 结束
谢谢观看

3.界面以及快捷键介绍

从左到右，分别是去除幻灯片格式、去除右侧所见即所得、幻灯片浏览模式。

快捷键

• Alt : 显示菜单栏 (For Windows)
• Cmd或者Ctrl + F : 搜索
• (Ctrl + Shift + R) 或者 (Cmd + Opt + F) : 替换
• Alt + G : 跳转
• Esc : 退出预览模式
• ArrowLeft，ArrowUp : 翻页
• Space，ArrowRight，ArrowDown : 翻页

4.幻灯片语法格式

因为这其实就是一款Markdwon编辑器，所以其完全支持所有的markdown语句，但是要生成幻灯片，仍然需要一些格式，例如：

# @jubi
My blog is https://steemit.com/@jubi
Chinese user guide:http://steemit.wang
---
## Who is jubi?
* Chinese guy
* love game
* love movie
* love steem

这其实是2页的内容，看以看出，每页内容之间使用--- 进行区分。

5.Vortex同样支持生成流程图时序图等等

流程图

graph TD
 A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]

---

时序图

sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!

---

甘特图

gantt
    title A Gantt Diagram
    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    anther task      : 24d

下面的视频将演示幻灯片的使用，同时有多个图表的插入。

本次教程到此结束，感谢您的阅读，谢谢！

---

Posted on Utopian.io - Rewarding Open Source Contributors

---