周刊模板使用简介(你也可以使用别的，风格随意)

使用这个模板也就是reveal插件需要在本地计算机上安装node.js和Grunt

• 详情请百度或者谷歌(很快可以搞定)

文件夹(文件夹的后面-x表示第几期)(我会传给你)

比如第三期文件夹名称为：3以下是其子目录
+ ...
+ images-x文件夹 -> 放置图片
+ md-x文件夹 -> 放置Markdown文件
+ css-x 文件夹 -> 放置css配置文件
+ index.html

index.html文件简介

1.所有的每一幕都是一个<section>位于外层两个<div>之间
2.<section>之间如果没有包含关系，则<section>之间的展示是以左右滑动的方式来的
    <section>1</section><section>2</section><section>3</section>
3.<section>之间如果有包含关系，则包含的<section>之间的展示是以上下滑动的方式来的
    <section>
        <section>1</section>
        <section>2</section>
        <section>3</section>
    </section>
4.<section>里面的内容可以是普通的html语言，也可以是Markdown语言，还可以引入外部的Markdown文件
    (1)如果是普通的html语言，就按普通的html语言来设计
    (2)如果是Markdown语言则需要按照下面的方式来，在<section>中加入如下的模板，并且在<section>中加入data-markdown属性
        <section data-markdown>
            <script type="text/template">
                     ### Item 1
                     #### Item 2
            </script>
        </section>
    (3)如果是引入外部Markdown文件，则需要把<section>变为下面的式样，其中data-markdown="example.md"，表示的是引入的Markdown
        文件的位置，data-charset="iso-8859-15"，表示的是编码方式一般为"utf-8"
        <section data-markdown="example.md"
                data-separator="^\n\n\n"
                data-vertical="^\n\n"
                data-notes="^Note:"
                data-charset="iso-8859-15">
        </section>
    (4)另外注意，Markdown语法中的#在<section>中显示过于大，所以推荐使用###或者是####，另外因为<section>的范围有限，
    所以不可能把一个Markdown文件全部放进去，推荐把一个Markdown文件分割为几个部分。

有许多属性下面列举一部分，详情可以参考https://github.com/hakimel/reveal.js，选取自己喜欢的方式

• data-background="../images-x/class.jpg" 的背景可以是图片或者具体的颜色
• data-transition="cube" 之间的变幻方式，可以是linear,cube,等
• data-background-transition="slide" 背景之间的变幻方式，可以是linear,cube,等
• data-background-size="600px" data-background-repeat="" 如果背景图片过小，可以设置背景图片的大小，和是否平铺

链接

<a href="#/6/1">按下ESC键可以浏览你所有的<section>#/6/1表示第7列第2行

Fragments(如果在内部的标签加上fragment属性然后再加上变换属性就可以实现相应的变换)

<p class="fragment grow">grow</p>
<p class="fragment shrink">shrink</p>
<p class="fragment roll-in">roll-in</p>
<p class="fragment fade-out">fade-out</p>
<p class="fragment current-visible">visible only once</p>
<p class="fragment highlight-current-blue">blue only once</p>
<p class="fragment highlight-red">highlight-red</p>
<p class="fragment highlight-green">highlight-green</p>
<p class="fragment highlight-blue">highlight-blue</p>

其它详情请参考https://github.com/hakimel/reveal.js