文字

html

標題

段落

粗體

<h1>標題</h1>
<p title = "xxx">段落</p>
<p><b>粗體</b></p>

h1~6 big to small, title optional

動畫

• 一行
• 一行
• 顯示

<ul>
	<li class = "fragment">一行</li>
	<li class = "fragment">一行</li>
	<li class = "fragment">顯示</li>
</ul>

<div class="theorem">
    <div class="label">定理</div>
    ＸＸＸ<hr>
    <b>ＯＯＯＯＯＯＯ</b><br>
    <ul>
        <li class="fragment">一樣可以插動畫</li>
    </ul>
</div>

連結

html

<img src = "xxx.jpg" width = "xxx" height= "xxx">

width, height optional

<a href="http://www.google.com">Google</a>

背景

<section data-background = "xxx.jpg">

顏色背景

 <section data-background = "#071220">
 

Extra

文字動畫

grow

shrink

fade-out

visible only once

blue only once

highlight-red

highlight-green

highlight-blue

code

<p class="fragment grow">grow</p>
"fragment shrink"
"fragment fade-out"
"fragment current-visible"
"fragment highlight-current-blue"
"fragment highlight-red" data-fragment-index = "1"
"fragment highlight-green" data-fragment-index = "3"
"fragment highlight-blue" data-fragment-index = "2"

強調

#include<bits/stdc++.h>

<mark>123</mark>
<pre><code data-trim data-noescape>
	<mark>#include<bits/stdc++.h></mark>
</code></pre>

切換動畫

None - Fade - Slide - Convex - Concave - Zoom

更改方式

更改整份動畫：更改最下面Reveal.Initialize裡的transition 更改一頁：section data-transition = "slide"

其他主題Black (default) - White - League - Sky - Beige - Simple Serif - Blood - Night - Moon - Solarized

前面有一行
<link rel="stylesheet" href="css/theme/black.css" id="theme">

內文動畫

可以 像這樣顯示

<p>
	<span class = "fragment">可以</span>
	<span class = "fragment">像這樣</span><br>
	<span class = "fragment">顯示</span><br>
</p>

背景動畫

<section data-background = "balloon.jpg" data-background-transition = "zoom">

列表

• 第一項
• 第二項
• 第三項

<h1>列表</h1>
<ul>
	<li>第一項</li>
	<li>第二項</li>
	<li>第三項</li>
</ul>

列表

<h1>列表</h1>
<ol>
	<li>第一項</li>
	<li>第二項</li>
	<li>第三項</li>
</ol>

表格

code

<table>
<thead>
	<tr>
		<th>隊伍</th>
		<th>隊員一</th>
		<th>隊員二</th>
		<th>隊員三</th>
	</tr>
</thead>
<tbody>
	<tr>
		<td>fruit</td>
		<td>apple</td>
		<td>banana</td>
		<td>watermelon</td>
	</tr>
	<tr>
		<td>station</td>
		<td>Taipei</td>
		<td>Hsinchu</td>
		<td>Kaohsiung</td>
	</tr>
	<tr>
		<td>DJY:GOGO</td>
		<td>a</td>
		<td>b</td>
		<td>c</td>
	</tr>
</tbody>
</table>

文字

Markdown

你可以像這樣編輯

直接換行

apple

apple

apple

你可以像這樣編輯

直接換行 // 中間空一行

apple

*apple* // 斜體

**apple** // 粗體

大標題

小標題

大標題
=====
小標題
-----

This is H1

This is H2

This is H6

# This is H1
## This is H2
###### This is H6

可以有層次

顯示

像這樣

第二層

也可以套井字號

> 可以有層次
>
> > 顯示
>
> > > 像這樣
>
> > 第二層
>

• 章節1

  • 小章節
• 章節二
  • 小章節

* ##章節1
	- 小章節
* 章節二
	- 小章節

副標題可以編號

• 標題
• 副標
• 副標

##副標題可以編號
* 標題
 1. 副標
 2. 副標

連結

Markdown

這是一個Goolge的連結

這是一個[Goolge](http://www.google.com.tw)的連結

這是從圖片連結到Google

##這是從圖片連結到Google
[![](balloon.jpg "放在圖片顯示的字")](http://www.google.com.tw)

補充

頁碼 
Reveal.initialize({
	...
	slideNumber : true, // or
	slideNumber : c/t,
})

Math