Syntax Highlight

aigisはシンタックスのハイライトにPrismを利用しています。シンタックスのカラーリングにはhttp://prismjs.com/download.htmlにあるテーマをダウンロードして利用できます。

使い方

ハイライトしたいコードブロックに次のようにキーワードを指定してください。

```html  
<div class="awesome-class" data-awesome-attribute>
  <p>The quick brown fox jumps over the lazy dog</p>
</div>  
```

ハイライトできる言語は次のリストに入っているものです。

• Prism#language-list

Example

JSX

Keyword: jsx

Write codeblock with jsx keyword then you get highlighted codeblock:

var CommentBox = React.createClass({
  render: function() {
    return (
      <div className="commentBox">
        Hello, world! I am a CommentBox.
      </div>
    );
  }
});

EJS

Keyword: ejs

<div class="awesome-class" data-awesome-attribute>
  <p><%- text -></p>
</div>

Jade

Keyword: jade

.awesome-class(data-awesome-attribute)
  p The quick brown fox jumps over the lazy dog

Stylus

Keyword: stylus

border-radius()
  -webkit-border-radius: arguments
  -moz-border-radius: arguments
  border-radius: arguments

body
  font: 12px Helvetica, Arial, sans-serif

a.button
  border-radius: 5px