html5rocks pandoc模板

oppo · 发表于 2015-5-21 17:37

[tex=code]<!DOCTYPE html>




<html$if(lang)$ lang="$lang$"$endif$>
  <head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
$for(author-meta)$
<meta name="author" content="$author-meta$" />
$endfor$
$if(date-meta)$
<meta name="dcterms.date" content="$date-meta$" />
$endif$
<title>$if(title-prefix)$$title-prefix$ - $endif$$pagetitle$</title>
<link href="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono" rel="stylesheet" type="text/css" />
<link id="prettify-link" href="$html5rocks-url$/src/prettify/prettify.css" rel="stylesheet" disabled />
<link href="$html5rocks-url$/styles/fonts.css" rel="stylesheet" type="text/css" media="screen" />
<link href="$html5rocks-url$/styles/presentation.css" rel="stylesheet" type="text/css" media="screen" />
<link href="$html5rocks-url$/styles/common.css" rel="stylesheet" type="text/css" media="screen" />
<link class="theme" href="$html5rocks-url$/styles/default.css" rel="stylesheet" type="text/css" media="screen" />
<link class="theme" href="$html5rocks-url$/styles/moon.css" rel="stylesheet" type="text/css" media="screen" />
<link class="theme" href="$html5rocks-url$/styles/sand.css" rel="stylesheet" type="text/css" media="screen"/>
<link class="theme" href="$html5rocks-url$/styles/sea_wave.css" rel="stylesheet" type="text/css" media="screen"/>

<style type="text/css">code{white-space: pre;}</style>
$if(highlighting-css)$
<style type="text/css">
$highlighting-css$
</style>
$endif$

$if(math)$
$math$
$endif$
$for(header-includes)$
$header-includes$
$endfor$

  </head>
  <body>
<div id="flex-container">
<nav id="helpers">
   <button title="Previous slide" id="nav-prev" class="nav-prev">⇽</button>
   <button title="Jump to a random slide" id="slide-no">5</button>
   <button title="Next slide" id="nav-next" class="nav-next">⇾</button>
   <menu>
      <button type="checkbox" data-command="toc" title="Table of Contents" class="toc">TOC</button>
      
      <button type="checkbox" data-command="notes" title="View Slide Notes">✏</button>
      <button type="checkbox" data-command="source" title="View slide source">↻</button>
      <button type="checkbox" data-command="help" title="View Help">?</button>
   </menu>
</nav>
<div class="slides">
   <div id="presentation-counter">Loading...</div>
      <div class="slide" id="landing-slide">
      <section class="middle">
         <p>This presentation is an HTML5 website</p>
         <p>Press <span id="left-init-key" class="key">→</span> key to advance.</p>
      </section>
      <aside class="note">
         <section>
            Welcome! (This field is for speaker notes and commentary.)
         </section>
      </aside>
      </div>

      <div class="slide" id="controls-slide">
      <header>Slides controls</header>
      <section>
         <ul>
            <li><span class="key">←</span> and <span class="key">→</span> to move around.</li>
            <li><span class="key">Ctrl/Command</span> and <span class="key">+</span> or <span class="key">-</span> to zoom in and out if slides don’t fit.</li>
            <li><span class="key">S</span> to view page source.</li>
            <li><span class="key">T</span> to change the theme.</li>
            <li><span class="key">H</span> to toggle syntax highlight.</li>
            <li><span class="key">N</span> to toggle speaker notes.</li>
            <li><span class="key">3</span> to toggle 3D effect.</li>
            <li><span class="key">0</span> to toggle help.</li>
         </ul>
      </section>
      </div>

      <div class="slide" id="title-slide">
      <section class="middle">
         <hgroup>

   $if(title)$
            <h1>
            $title$
            </h1>
   $endif$
   $if(subtitle)$
            <h2>
            $subtitle$
            </h2>
   $endif$
         </hgroup>
      </section>
      </div>

      <div class="slide" id="table-of-contents">
      <header><h1>Table of Contents</h1></header>
      <section>
         <ul id="toc-list">
   $toc$
         </ul>
      </section>
      </div>

$if(toc)$
      <div class="slide transitionSlide" id="$idprefix$TOC">
      
      <section>
   $toc$
      </section>
      </div>
$endif$

$body$

      <div id="speaker-note" class="invisible" style="display: none;"></div>
      <aside id="help" class="sidebar invisible" style="display: none;">
      <table>
         <caption>Help</caption>
         <tbody>
            <tr>
            <th>Move Around</th>
            <td>← →</td>
            </tr>
            <tr>
            <th>Source File</th>
            <td>s</td>
            </tr>
            <tr>
            <th>Change Theme</th>
            <td>t</td>
            </tr>
            <tr>
            <th>Syntax Highlight</th>
            <td>h</td>
            </tr>
            <tr>
            <th>Speaker Notes</th>
            <td>n</td>
            </tr>
            <tr>
            <th>Toggle 3D</th>
            <td>3</td>
            </tr>
            <tr>
            <th>Help</th>
            <td>0</td>
            </tr>
         </tbody>
      </table>
      </aside>

</div> 
</div>



<script src="$html5rocks-url$/src/prettify/prettify.js" onload="prettyPrint();" defer></script>
<script src="$html5rocks-url$/js/utils.js"></script>
  </body>
</html>[/tex]

oppo · 发表于 2015-5-21 17:38

转换脚本
[tex=code]
#!/bin/bash
tmpfile=tmp.md
rm -f $tmpfile
cp test.md $tmpfile
i=0
for id in `grep -nE "^## " $tmpfile |tr -s ' ' '-'`
do
line=`echo "$id" |awk -F ":" '{print $1}'`
title=`echo "$id" |sed 's/##-/## /g' |awk '{print $2}' |tr -d '!'`
header=`echo "$title" |tr -s '-' ' '`
if [ $i -eq 0 ];then
sed -i "$line s/.*/<div class=\"slide\" id=\"$title\"><header><h1>$header<\/h1><\/header><section>/" $tmpfile
else
sed -i "$line s/.*/<\/section><\/div><div class=\"slide\" id=\"$title\"><header><h1>$header<\/h1><\/header><section>/" $tmpfile
fi
((i++))
done
grep -E "^# "
echo "</section></div>" >>$tmpfile

for id in `grep -nE "^# " $tmpfile |tr -s ' ' '-'`
do
line=`echo "$id" |awk -F ":" '{print $1}'`
title=`echo "$id" |sed 's/#-/# /g' |awk '{print $2}' |tr -d '!'`
header=`echo "$title" |tr -s '-' ' '`
sed -i "$line s/.*/<\/section><\/div><div class=\"slide\" id=\"$title\"><section class=\"middle\"><hgroup><h1>$header<\/h1><\/hgroup><\/section><\/div>/" $tmpfile
done
sed -i "s/# .*/"
pandoc -s $tmpfile -o html5rocks.html --template="template/html5.html" -V html5rocks-url="template/html5rocks"
[/tex]

oppo · 发表于 2015-5-23 16:22

oppo · 发表于 2015-5-23 16:28

本帖最后由 oppo 于 2015-5-23 16:55 编辑

dddd

账号		自动登录	找回密码
密码			立即注册