Reveal.js | コードのシンタックスハイライト

概要

Reveal.js における、コードのシンタックスハイライトの設定

サンプルコード

		<div class="reveal">
			<div class="slides">
				<section data-markdown>
					<script type="text/template">
						## Syntax Highlight

						### Ruby
						~~~ruby
						class Hoge
						  def hoge(msg)
						    "hoge-#{msg}"
						  end
						end
						~~~

						### Java
						~~~java
						public class Java {
						  public static void main(String[] args) {
						    System.out.println("hoge");
						  }
						}
						~~~

						### Brainf*ck
						~~~bf
						+++++++++[>++++++++>+++++++++++>+++++<<<-]>.>++.+++++++..+++.>-.
						------------.<++++++++.--------.+++.------.--------.>+.
						~~~
					</script>
				</section>
			</div>
		</div>

動作確認

参照