template/default.ejs

<!--
    Powered By nodePPT
    version: <%- version %>
    site: <%- site %>
-->
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title><%= title %> - By <%= speaker %></title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" media="all" href="/css/nodeppt.css">
    <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="/css/phone.css">
    <link rel="stylesheet" href="/js/highlight/styles/solarized_dark.css">
</head>
<body>

<slides id="container">
    <slide class="slide ">
      <article class="flexbox vcenter">
          <h1><%- title %></h1>
          <h3><a href="#"><%- speaker %></a></h3>
      </article>
    </slide>
    <slide class="slide">
        <hgroup>
            <h2>目录</h2>
        </hgroup>
        <article>
            <ul>
                <li>这里是目录。。</li>
            </ul>
        </article>
    </slide>

    <slide class="slide thank-you-slide segue nobackground">
        <article class="flexbox vleft auto-fadein">
            <h2>&lt;Thank You!&gt;</h2>
        </article>
    </slide>
    <slide class="slide">
        <hgroup>
            <h2>参考资料</h2>
        </hgroup>
        <article>
            <ul>
                <li><a href="https://github.com/ksky521/nodePPT" target="_blank">Powered By nodePPT</a></li>
            </ul>
        </article>
    </slide>
    <div class="slideTip" id="tip"></div>
</slides>
<canvas id="drawBoard" class="draw-board" width="900" height="700"></canvas>
<div class="progress"><span id="progress"></span></div>
<script src="http://rawgithub.com/ksky521/MixJS/master/lib/mix.0.3.0.min.js"></script>
<script>
var base = location.protocol + '//' + location.host + '/';
MixJS.config({
    baseURL:base + 'js/'
});
MixJS.use('/js/event/broadcast', function($){
    $.loadJS('/js/nodeppt.js',function(){
        Slide.init({
            containerID: 'container',
            drawBoardID: 'drawBoard',
            slideClass: '.slide',
            buildClass: '.build',
            progressID: 'progress',
            transition: 'horizontal3d',
            tipID: 'tip',
            width: 1100,
            dir: '/js/',
            control:{
                type: 'socket',
                args:{
                    isControl: location.hash.slice(1,8) === 'control',
                    host: base,
                    //摇一摇
                    shake: true
                }
            }
            //打开下面的注释就开启postMessage方式
            //访问网址127.0.0.1:8080/ppt/demo#client
            // control:{
            //     type: 'postMessage'
            // }
        });
    }).loadJS('/js/highlight/highlight.pack.js',function(){

        hljs.tabReplace = '  ';
        hljs.initHighlightingOnLoad();
    });
});
</script>

</body>
</html>