Python3 Hovercraft创建impressive.js演示文档（二)

引言

在演示了官方的例子后，是不是蠢蠢欲动，想大显身手一番？别着急，我们从建立自己的第一份hovercraft演示文稿，顺便学习学习reStructuredText.

新建rst文本

我是这样创建我的第一份hovercraft演示文稿的，如果有更好的办法，请告诉我一下。

首先，我创建一个myfisrt_test.txt文件，然后将后缀名改为.rst。

接着我们用notepad++打开myfisrt_test.rst,我们就在这上面写文档即可。

演示文稿说明

以下代码可以直接复制到你的myfisrt_test.rst中去.

:title: 我的第一份hovercraft
:author: Admin
:description: learn the hovercraft
:keywords: presentation, restructuredtext, impress.js,
:css: myfisrt_test.css
下面可以介绍下该演示文稿，上面的内容不会在演示中显示出来。

第一张幻灯片

hovercraft演示文稿不像PPT一样称为幻灯片，一般用步骤(step）来表示，比如step1、step2等，为了熟悉期间，我们仍然称作幻灯片。

----

我的第一份hovercraft
=====================

我就喜欢每天学点新东西，新东西让我热血沸腾。

这里用'----'来区分不同幻灯片

用文字下面加'=='来表示标题，这个'=='长度至少要比标题文字长度长。

各级标题

下面代码介绍rst中各级标题的用法。

----

为什么要学这个？
================

因为我希望以代码的方式来思考，让东西变得可控。
各级标题文字下面可以用'= - ` : ' " ~ ^ _ * + # < > .'进行区分，顺序无所谓

这是二级标题
----------------

三级标题又是如何的？
~~~~~~~~~~~~~~~~~~~~~

项目列表、斜体以及加粗

----

其他一些格式
=============

所有的reStructuredText都可以在hovercraft中支持。

比如：

* 项目列表

* 二级

* 三级

*这是斜体* **这是加粗的**

顺序列表以及超链接

超链接使用跟markdown有些不同，请注意区别。

----

更多的格式
===========

1. 顺序列表

2. 第三

3. 还可以加入超链接 `CSDN blog`_

.. _CSDN blog: http://write.blog.csdn.net/postlist[/code] 
添加图片
幻灯片中添加图片只要添加路径即可，不过第一次测试时发现绝对路径不好使，相对路径可以使用。

调节图片大小后，图片也不能正常显示，不知道为什么。

----

图片
===========

你也可以在hovercraft中加入图片

.. image:: images/python-logo-master-v3-TM.png

也可以设定图片大小

.. image:: images/python-logo-master-v3-TM.png
:width: 50px
:height: 130px

----


添加演讲者笔记
官方文档里说这是个杀手级特性，hovercraft独有。

根据个人操作后的理解，这个演讲者笔记演示中不会显示，如果需要提示时，键盘按P键，就进入到控制台，此时可以见到演讲者笔记.

添加演讲者笔记
================

据说这是hovercraft的一个杀手级特性！该特性主要在控制台时显现。当你在展示的时候，键盘上按p键调出控制台，你就能看到一些自己添加的笔记，展示的时候是看不见的
，可以作为演讲时的提醒。

.. note::

偷偷提醒你一下哦

- Even bullet lists!

- Which can be handy!


加入源代码
----

源代码
================

要想加入代码，使用两个冒号 ，代码缩进就行了。

::

def test():
return 1+1

def test2():
pass


代码高亮
----

代码高亮
========

需要在加入代码的基础上，加一点参数。

.. code:: python

def test():
return 1+1

def test2():
pass


代码测试
水平有限，这一块没搞懂，望高人指点。

----

代码测试
=========

有点不太懂

.. code:: python
:class: hidden

from datetime import datetime

.. code:: python

>>> datetime(2013, 2, 19, 12)


制作html文档
以上各块代码是分开的，下面还有一个合集，直接复制过去即可，如果存在缩进一些问题，可以下载我的百度网盘链接。

上述代码还没有涉及旋转、缩放这些令人心动的效果，这将在下一篇文章中谈及，可以先试试自己的第一个小作品哦。

打开cmd，输入代码

hovercraft 你的rst文档路径  你要输出的文件夹


这样在你要输出的文件夹里就会产生一个index.html文件，直接就可以在浏览器里打开了

（作品演示时可能存在一些显示问题，很有可能是代码缩进的问题，任何rst语句后面都有一个空格，且每个语句前面顶格写，这样也许能避免一些问题）

所有代码集合
:title: 我的第一份hovercraft
:author: Python Wang
:description: learn the hovercraft
:keywords: presentation, restructuredtext, impress.js,
:css: abc.css

----

我的第一份hovercraft
=====================

哈哈，我就喜欢每天学点新东西，新东西让我热血沸腾。

----

为什么要学这个？
================

因为我希望以代码的方式来思考，让东西变得可控。

这是二级标题
----------------

三级标题又是如何的？
~~~~~~~~~~~~~~~~~~~~~

----

其他一些格式
=============

所有的reStructuredText都可以在hovercraft中支持。

比如：

* 项目列表

* 二级

* 三级

*这是斜体* **这是加粗的**

----

更多的格式
===========

1. 顺序列表

2. 第三

3. 还可以加入超链接 `CSDN blog`_

.. _CSDN blog: http://write.blog.csdn.net/postlist 
----

图片
===========

你也可以在hovercraft中加入图片

.. image:: images/python-logo-master-v3-TM.png

也可以设定图片大小

.. image:: images/python-logo-master-v3-TM.png

----

添加演讲者笔记
================

据说这是hovercraft的一个杀手级特性！该特性主要在控制台时显现。当你在展示的时候，键盘上按p键调出控制台，你就能看到一些自己添加的笔记，展示的时候是看不见的
，可以作为演讲时的提醒。

.. note::

偷偷提醒你一下哦

- Even bullet lists!

- Which can be handy!
----

源代码
================

要想加入代码，使用两个冒号 ，代码缩进就行了。

::

def test():
return 1+1

def test2():
pass

----

代码高亮
========

需要在加入代码的基础上，加一点参数。

.. code:: python

def test():
return 1+1

def test2():
pass

----

代码测试
=========

有点不太懂

.. code:: python
:class: hidden

from datetime import datetime

.. code:: python

>>> datetime(2013, 2, 19, 12)

----

全部结束啦
===========