scateu.me-jekyll-theme 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f87313a51088ca53d22821f3b96f5e16d4f001be
-  data.tar.gz: 8b9c443e46ce0d7aecd8ead628e9bce6e7a9004f
+  metadata.gz: 3f66dcd1ff8ae82b55fa1605e934f4f123603afb
+  data.tar.gz: 0ebadd97fdd8fa2598d5931bd792f8bb217ea0d9
 SHA512:
-  metadata.gz: c4ce2afed0addb2ebbaeb7adc8731c6d37cce2cd1daf964135206e5cd3dbbccc5bdd778bc3bdb83ad0a4910fab7d274e2848b8d4a0173f0de6a7d85b040b0cc3
-  data.tar.gz: a2bd4c6a37f2cd28c9c7e748d3d8791bf9dc89d3720c50ab4df071ccabbcddedb625083edfc1836d511522df5e4e88d9d79eb7d4505c5f22b276c5ca14cfa035
+  metadata.gz: bcab3294b2d775e82ed1cbdd870ec3418c2f730de261c6ed119b2b82fd06bebc7bd99f0055efb12c04e796eccf47608145e12f73fd45628f02e9fb70c51024a6
+  data.tar.gz: c342613ab875c04c54a80e0a1e806bd904d810a5e7604bd6511e2b0376217d9e3900e449d2782559700386ffca705f5b179b7a657b487ef2e9827552c4565e4e

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 scateu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,122 @@
+## My extra customization
+
+
+### MathJax
+
+```yaml
+---
+title: "Some Title" 
+mathjax: true
+---
+```
+
+eg:
+
+```
+$$ c = m^e \mod n $$
+```
+
+```
+$$
+ m^{ed} \equiv qq^{-1}m + pp^{-1}m  \\
+   = (1 - k_1p)m + (1 - k_2q)m  \\
+   = 2m - (k_1p+k_2q)m = m \mod pq 
+$$
+```
+
+### Ruby Notation
+
+```yaml
+---
+title: "Some Title"
+ruby_notation: true
+---
+```
+
+which converts
+
+```
+[someword]{释义}
+```
+
+to:
+
+```
+<ruby><rb><a href="http://www.thefreedictionary.com/someword"> someword </a> </rb><rp>(</rp><rt>释义</rt><rp>)</rp></ruby>
+```
+
+<ruby><rb><a href="http://www.thefreedictionary.com/someword"> someword </a> </rb><rp>(</rp><rt>释义</rt><rp>)</rp></ruby>
+
+### Collapsible Table of Contents
+
+Currently, can't exist as a switch of YAML frontmatter. (TODO)
+
+```html
+<details markdown="1"><summary>目录</summary>
+* TOC
+{:toc}
+</details>
+```
+
+### Collapsible Block
+
+	<details markdown="1"><summary>详细点此展开</summary>
+	```python
+	import sys
+	print "hello"
+	```
+	</details>
+
+<details markdown="1"><summary>详细点此展开</summary>
+```python
+import sys
+print "hello"
+```
+</details>
+
+
+### diagram
+
+```yaml
+---
+title: "Some Title"
+diagram: true
+---
+```
+
+sequence语法见: <https://bramp.github.io/js-sequence-diagrams/>
+	
+	```sequence
+	participant Device
+	participant Browser
+	participant Server
+	Browser->Server: username and password
+	Note over Server: verify password
+	Note over Server: generate challenge
+	Server->Browser:  challenge
+	Browser->Device: challenge
+	Note over Device: user touches button
+	Device-->Browser: response
+	Browser->Server: response
+	Note over Server: verify response
+	```
+
+flowchart语法见: <http://flowchart.js.org/>
+
+	```flowchart
+	st=>start: Start:>http://www.google.com[blank]
+	e=>end:>http://www.google.com
+	op1=>operation: My Operation
+	sub1=>subroutine: My Subroutine
+	cond=>condition: Yes
+	or No?:>http://www.google.com
+	io=>inputoutput: catch something...
+
+	st->op1->cond
+	cond(yes)->io->e
+	cond(no)->sub1(right)->op1
+	```
+
+### fix-punctuation.sh
+
+用`sed`把中文全角符号转换成`, ` `. ` `; ` `! ` `"` 这样的半角符号. (张贤科老师的教材中多用`. `号)

data/_includes/diagram-slide.html

@@ -0,0 +1,97 @@
+<script src="/js/jquery-3.1.1.min.js"></script>
+<script src="/js/raphael-min.js"></script>
+<script src="/js/underscore-min.js"></script>
+<script src="/js/sequence-diagram-min.js"></script>
+<script src="/js/flowchart-latest.js"></script>
+
+
+<script>
+// 生成CSS Patch: .flowchart-diagram, .sequence-diagram
+// 自动根据前景色和背景色选颜色
+var word_color=$('p').css("color"); // 找一下颜色 TODO: 这有个BUG: 如果通篇没有一个文字的话，颜色就选不上了
+$('head').append('<style> .sequence-diagram > svg { fill: ' + word_color + '; } .sequence-diagram > svg rect { stroke: ' + word_color + '; fill: none; } .sequence-diagram > svg line { stroke: ' + word_color + '; fill: none; } .sequence-diagram > svg path{ stroke: ' + word_color + '; fill: ' + word_color + '; }   .sequence-diagram > svg text{ fill: ' + word_color + '; } </style>'); // 添加css
+$('head').append('<style> .flowchart-diagram > svg { fill: ' + word_color + '; } .flowchart-diagram > svg rect { stroke: ' + word_color + '; fill: none; } .flowchart-diagram > svg line { stroke: ' + word_color + '; fill: none; } .flowchart-diagram > svg path{ stroke: ' + word_color + '; fill: none; }   .flowchart-diagram > svg text{ fill: ' + word_color + '; } </style>'); // 添加css
+
+
+// DONE: 让每一个sequence都能被处理上。
+// DONE: 加一个是否动画的开关
+
+// 在页面第一次载入的时候，监听一下事件，首次绘制
+//Reveal.addEventListener('ready', function( event ) { diagramPresentSlide(); });
+if ($("section.present").find(".language-sequence, .language-seq, .language-flowchart, .language-flow").length > 0) { 
+	diagramPresentSlide(); 
+	Reveal.layout();
+}
+
+Reveal.addEventListener('slidechanged', function( event ) { // event.previousSlide, event.currentSlide, event.indexh, event.indexv
+    if ($(event.currentSlide).find(".language-sequence, .language-seq, .language-flowchart, .language-flow").length > 0) {
+	diagramPresentSlide();
+	Reveal.layout(); //重新Layout一下，否则生成的图有点偏下
+    }
+});
+
+//  sequence 是有动画的版本
+//  seq 无动画
+function diagramPresentSlide(){
+	initAnimatedSequenceDiagram("section.present .language-sequence");
+	initSequenceDiagram("section.present .language-seq");
+
+	// -----------以下为flowchart---------------
+	$("section.present .language-flow, section.present .language-flowchart").flowChart();
+	$("section.present .language-flow > svg, section.present .language-flowchart > svg ").unwrap().unwrap().wrap("<div class=\"flowchart-diagram\"></div>"); // 把外层的<pre><code>给去掉
+}
+
+function initSequenceDiagram(_selector) {
+	$(_selector).sequenceDiagram({theme: 'simple'});
+	$(_selector + " > svg").unwrap().unwrap().wrap("<div class=\"sequence-diagram\"></div>");
+
+	$(".sequence-diagram > svg > rect[fill=\"#ffffff\"]").remove(); // 不知道为啥有个大框框, js-sequence-sequence-diagram
+	$(".sequence-diagram > svg > rect").css('fill',$("body").css("background-color"));
+
+	//$('.sequence-diagram > svg > text').css("font-family","\"Open Sans\",sans-serif"); //设置字体
+}
+
+function initAnimatedSequenceDiagram(_selector) { // 参考自 https://gist.github.com/jzaeske/e2de8b14142818f8d8f5e74e8b6ae2b0
+
+	initSequenceDiagram(_selector);
+
+	selector="section.present .sequence-diagram";
+
+	$(selector + " svg").each(function() {
+		var each_svg = $(this);
+
+		var paths = each_svg.find("path[marker-end]");
+		// 竖着的Path--(text-path)--(rect--text)--(rect--text)--(text--path)--
+		paths.first().prevUntil(selector + " path", "rect, text").each(function() {
+		//第一条线之前的方框(可能存在)
+			$(this).attr('class', 'fragment');
+			$(this).attr('data-fragment-index', 0);
+
+			$(this).next("path").attr('class', 'fragment');
+			$(this).next("path").attr('data-fragment-index', 0);
+		});
+
+
+		var i = 1;
+		paths.first().nextAll("path, rect").each(function() {
+		//第一条线之后
+			var element = $(this);
+			if ( element.is("path") ) {
+				element.prev("text").attr('class', 'fragment');
+				element.prev("text").attr('data-fragment-index', i);
+				element.attr('class', 'fragment');
+				element.attr('data-fragment-index', i);
+				i++;
+			} else if ( element.is("rect") ) {
+				element.next("text").attr('class', 'fragment');
+				element.next("text").attr('data-fragment-index', i);
+				element.attr('class', 'fragment');
+				element.attr('data-fragment-index', i);
+				i++;
+			}
+		});
+	});
+
+}
+	
+</script>

data/_includes/diagram.html

@@ -0,0 +1,20 @@
+<script src="/js/raphael-min.js"></script>
+<script src="/js/underscore-min.js"></script>
+<script src="/js/jquery-3.1.1.min.js"></script>
+<script src="/js/sequence-diagram-min.js"></script>
+<script src="/js/flowchart-latest.js"></script>
+
+
+<script>
+$(".language-seq").sequenceDiagram({theme: 'simple'});
+$(".language-seq > svg").unwrap().unwrap(); // 把外层的<pre><code>给去掉
+
+$(".language-sequence").sequenceDiagram({theme: 'simple'});
+$(".language-sequence > svg").unwrap().unwrap(); // 把外层的<pre><code>给去掉
+
+$(".language-flow").flowChart();
+$(".language-flow > svg").unwrap().unwrap(); // 把外层的<pre><code>给去掉
+
+$(".language-flowchart").flowChart();
+$(".language-flowchart > svg").unwrap().unwrap(); // 把外层的<pre><code>给去掉
+</script>

data/_includes/disqus.html

@@ -0,0 +1,12 @@
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+        var disqus_shortname = 'scateugithubio'; 
+
+        /* * * DON'T EDIT BELOW THIS LINE * * */
+        (function() {
+            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+        })();
+    </script>
+    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

data/_includes/footer.html

@@ -0,0 +1,75 @@
+<footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h2 class="footer-heading">{{ site.title }}</h2>
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col  footer-col-1">
+        <ul class="contact-list">
+          <li>{{ site.title }}</li>
+          <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+        </ul>
+      </div>
+
+      <div class="footer-col  footer-col-2">
+        <ul class="social-media-list">
+          {% if site.github_username %}
+          <li>
+            <a href="https://github.com/{{ site.github_username }}">
+              <span class="icon  icon--github">
+                <svg viewBox="0 0 16 16">
+                  <path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/>
+                </svg>
+              </span>
+
+              <span class="username">{{ site.github_username }}</span>
+            </a>
+          </li>
+          {% endif %}
+
+          {% if site.twitter_username %}
+          <li>
+            <a href="https://twitter.com/{{ site.twitter_username }}">
+              <span class="icon  icon--twitter">
+                <svg viewBox="0 0 16 16">
+                  <path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
+                  c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
+                </svg>
+              </span>
+
+              <span class="username">@{{ site.twitter_username }}</span>
+            </a>
+          </li>
+          {% endif %}
+
+          {% if site.linkedin_url%}
+          <li>
+            <a href="{{ site.linkedin_url }}">
+              <span class="icon  icon--linkedin">
+                <svg viewBox="0 0 16 16">
+			<path fill="#828282" d="M0.119,5.093l3.224-0.04v10.556l-3.224,0.039V5.093L0.119,5.093z"></path>
+			<path d="M6.04,5.093l3.08-0.039v1.342l0.001,0.38c0.91-0.894,1.852-1.57,3.354-1.57c1.773,0,3.486,0.742,3.486,3.163v7.241					l-3.125,0.046v-5.532c0-1.219-0.307-2.005-1.764-2.005c-1.281,0-1.818,0.23-1.818,1.918v5.573L6.04,15.647V5.093L6.04,5.093z" fill="#828282"></path>
+			<path fill="#828282" d="M3.529,1.764c0,0.975-0.79,1.765-1.765,1.765C0.79,3.529,0,2.739,0,1.764S0.79,0,1.764,0C2.739,0,3.529,0.79,3.529,1.764
+					L3.529,1.764z"></path>
+				
+                </svg>
+              </span>
+
+              <span class="username">LinkedIn</span>
+            </a>
+          </li>
+          {% endif %}
+        </ul>
+      </div>
+
+      <div class="footer-col  footer-col-3">
+        <p class="text">{{ site.description }}</p>
+	<p class="rss-subscribe">Subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
+
+      </div>
+    </div>
+
+  </div>
+
+</footer>

data/_includes/head.html

@@ -0,0 +1,11 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width initial-scale=1" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+    <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+    <meta name="description" content="{{ site.description }}">
+
+    <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+</head>

data/_includes/header.html

@@ -0,0 +1,27 @@
+<header class="site-header">
+
+  <div class="wrapper">
+
+    <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
+
+    <nav class="site-nav">
+      <a href="#" class="menu-icon">
+        <svg viewBox="0 0 18 15">
+          <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+          <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+          <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+        </svg>
+      </a>
+
+      <div class="trigger">
+        {% for page in site.pages %}
+          {% if page.title %}
+          <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
+          {% endif %}
+        {% endfor %}
+      </div>
+    </nav>
+
+  </div>
+
+</header>

data/_includes/mathjax.html

@@ -0,0 +1,18 @@
+<script type="text/x-mathjax-config">
+  MathJax.Hub.Config({
+    TeX: {
+      equationNumbers: {
+        autoNumber: "AMS"
+      }
+    },
+    tex2jax: {
+      inlineMath: [ ['$','$'], ['\\(', '\\)'] ],
+      displayMath: [ ['$$','$$'] ],
+      processEscapes: true,
+    }
+  });
+</script> 
+
+<!--<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script> -->
+
+<script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

data/_includes/prism.html

@@ -0,0 +1,28 @@
+<link href="https://cdn.bootcss.com/prism/1.6.0/themes/prism.min.css" rel="stylesheet">  
+<!--<link href="https://cdn.bootcss.com/prism/1.6.0/themes/prism-tomorrow.min.css" rel="stylesheet">  -->
+
+<script src="https://cdn.bootcss.com/prism/1.6.0/prism.min.js"></script>  
+
+<script src="https://cdn.bootcss.com/prism/1.6.0/components/prism-bash.min.js"></script>  
+<script src="https://cdn.bootcss.com/prism/1.6.0/components/prism-c.min.js"></script>  
+<script src="https://cdn.bootcss.com/prism/1.6.0/components/prism-python.min.js"></script>  
+<script src="https://cdn.bootcss.com/prism/1.6.0/components/prism-makefile.min.js"></script>  
+<script src="https://cdn.bootcss.com/prism/1.6.0/components/prism-go.min.js"></script>  
+
+<script>
+
+//把所有没class的 pre code标签加上一个language-default类别，以便被prism.js处理
+//$('code:not([class])').addClass("language-default");
+
+// 暂时先不用，注释掉。
+/*
+window.onload = function(){
+	var codes = document.querySelectorAll('pre > code:not([class])');
+
+	for(var i = 0; i < codes.length; ++i){
+		codes[i].setAttribute("class","language-default");
+		codes[i].parentNode.setAttribute("class","language-default");
+	}
+};
+*/
+</script>

data/_includes/ruby_notation.html

@@ -0,0 +1,3 @@
+<script>
+    document.body.innerHTML = document.body.innerHTML.replace(/\[(.+?)\]\{(.+?)\}/g, "<ruby><rb><a href=\"http://www.thefreedictionary.com/$1\"> $1 </a> </rb><rp>(</rp><rt>$2</rt><rp>)</rp></ruby>")
+</script>  

data/_layouts/default.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+  </body>
+
+</html>

data/_layouts/page.html

@@ -0,0 +1,16 @@
+---
+layout: default
+---
+<div class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+  </header>
+
+  <article class="post-content">
+    {{ content }}
+  </article>
+
+  {% include disqus.html %}
+
+</div>

data/_layouts/post.html

@@ -0,0 +1,23 @@
+---
+layout: default
+---
+ {% include prism.html %}
+
+<div class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+    <p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
+  </header>
+
+  <article class="post-content">
+    {% if page.mathjax %} {% include mathjax.html %} {% endif %}
+    {{ content }}
+  </article>
+
+  {% if page.diagram %} {% include diagram.html %} {% endif %}
+
+  {% include disqus.html %}
+  {% if page.ruby_notation %} {% include ruby_notation.html %} {% endif %}
+  
+</div>

data/_layouts/slide.html

@@ -0,0 +1,142 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+
+    <title>
+      {% if page.title %}
+        {{ page.title }} | {{ site.title }}
+      {% else %}
+        {{ site.title }}
+      {% endif %}
+    </title>
+
+    <meta name="author" content="{{ site.author }}" />
+
+    <!-- Description -->
+    {% if page.description %}
+      <meta name="description" content="{{ page.description }}" />
+    {% else %}
+      <meta name="description" content="{{ site.description }}">
+    {% endif %}
+
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
+
+    <link rel="stylesheet" href="{{ "/js/reveal.js/css/reveal.css" | prepend: site.baseurl }}"/>
+    {%if page.theme %}
+      <link rel="stylesheet" href="{{ "/js/reveal.js/css/theme/" | prepend: site.baseurl | append: page.theme | append: '.css' }}" id="theme"/>
+    {% else %}
+      <link rel="stylesheet" href="{{ "/js/reveal.js/css/theme/black.css" | prepend: site.baseurl }}" id="theme"/>
+    {% endif %}
+
+    <!-- Code syntax highlighting -->
+    <link rel="stylesheet" href="{{ "/js/reveal.js/lib/css/zenburn.css" | prepend: site.baseurl }}"/>
+
+
+    <!-- Printing and PDF exports -->
+    <script>
+      var link = document.createElement( 'link' );
+      link.rel = 'stylesheet';
+      link.type = 'text/css';
+      link.href = window.location.search.match( /print-pdf/gi ) ? '{{ "/js/reveal.js/css/print/pdf.css" | prepend: site.baseurl }}' : '{{ "/js/reveal.js/css/print/paper.css" | prepend: site.baseurl }}';
+      document.getElementsByTagName( 'head' )[0].appendChild( link );
+    </script>
+
+    <link rel="apple-touch-icon" href="{{ "/apple-touch-icon.png" | prepend: site.baseurl }}" />
+
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+
+    <!--[if lt IE 9]>
+    <script src="lib/js/html5shiv.js"></script>
+    <![endif]-->
+  </head>
+
+  <body>
+  
+
+    <div class="reveal">
+      <div class="slides">
+        {{ content }}
+	<!--scateu-->
+        {% if page.ruby_notation %} {% include ruby_notation.html %} {% endif %}
+      </div>
+    </div>
+
+
+    <script src="{{ "/js/reveal.js/lib/js/head.min.js" | prepend: site.baseurl }}"></script>
+    <script src="{{ "/js/reveal.js/js/reveal.js" | prepend: site.baseurl }}"></script>
+    <script>
+    function findGetParameter(parameterName) {
+        var result = null,
+            tmp = [];
+        var items = location.search.substr(1).split("&");
+        for (var index = 0; index < items.length; index++) {
+            tmp = items[index].split("=");
+            if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
+        }
+        return result;
+    }
+    </script>
+    <script>
+      // Full list of configuration options available at:
+      // https://github.com/hakimel/reveal.js#configuration
+      Reveal.initialize({
+{% if page.mathjax %}
+	math: {
+	  mathjax: 'https://cdn.bootcss.com/mathjax/2.7.0/MathJax.js',
+	  config: 'TeX-AMS-MML_HTMLorMML'  // See http://docs.mathjax.org/en/latest/config-files.html
+	},
+{% endif %}
+{% if page.multiplex %}
+    	multiplex: {
+		secret: findGetParameter("multiplex_secret"), // http://example.com/index.html?multiplex_secret=1234567876332352262
+		id: '{{ page.multiplex.id }}', // Obtained from socket.io server
+		url: '{{ page.multiplex.url }}' // Location of socket.io server
+    	},
+{% endif %}
+        controls: true,
+        progress: true,
+        history: true,
+        center: true,
+{%if page.transition %}
+          transition: '{{page.transition}}',
+{% else %}
+          transition: 'slide', // none/fade/slide/convex/concave/zoom
+{% endif %}
+        // Optional reveal.js plugins
+        dependencies: [
+          { src: '{{ "/js/reveal.js/lib/js/classList.js" | prepend: site.baseurl }}', condition: function() { return !document.body.classList; } },
+          { src: '{{ "/js/reveal.js/plugin/markdown/marked.js" | prepend: site.baseurl }}', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+          { src: '{{ "/js/reveal.js/plugin/markdown/markdown.js" | prepend: site.baseurl }}', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+          { src: '{{ "/js/reveal.js/plugin/highlight/highlight.js" | prepend: site.baseurl }}', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
+          { src: '{{ "/js/reveal.js/plugin/zoom-js/zoom.js" | prepend: site.baseurl }}', async: true },
+{% if page.multiplex %}
+          { src: '//cdn.socket.io/socket.io-1.3.5.js', async: true },
+          { src: '{{ "/js/reveal.js/plugin/multiplex/" | prepend: site.baseurl }}' + (findGetParameter("multiplex_secret") ? "master.js" : "client.js"), async: true },
+{% endif %}
+{% if page.mathjax %} 
+          { src: '{{ "/js/reveal.js/plugin/math/math.js" | prepend: site.baseurl }}', async: true },
+{% endif %}
+          { src: '{{ "/js/reveal.js/plugin/notes/notes.js" | prepend: site.baseurl }}', async: true }
+        ]
+      });
+    </script>
+
+    {% if page.diagram %} {% include diagram-slide.html %} {% endif %}
+    
+{% if page.multiplex %}
+  <script>
+  // 强制停掉multiplex
+  if (findGetParameter("no_multiplex")) {  
+  	for ( var i in io.managers ) { 
+  		io.managers[i].removeAllListeners(); 
+  	} 
+  }
+  </script>
+{% endif %}
+
+  </body>
+</html>