2016/05/05 06:48:02

Sandbox!

MyApp 文法ギャラリー

見出し3

MultiMarkdown + Formatter のサンプルページ

見出し4

mode=raw すると、ソースが見えます

見出し5

改行数などで多少不具合あります

見出し6

ドキュメント側の表現で不具合はかわす!!

画像

サムネイル→拡大画像(拡大後に、キャプションなどもあわせて表示)
Fort DeRussy Beach Park

サムネイル→グループ画像(拡大後に、カーソルで連続して見れたりする)
Fort DeRussy Beach Park Fort DeRussy Beach Park Fort DeRussy Beach Park

ブロック要素

コード(デフォルトはperl)

my $doc_root = $c->conf->{app}{doc_base_path}.'diary';
my @path_list;
my $dir = Path::Class::dir($doc_root);
while(my $file = $dir->next) {
    next if $file eq $dir || $file->resolve eq $dir->parent;
    push @path_list, $file;
}

言語指定

<pre class="prettyprint lang-html">
    !!html!!
    "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
    "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
    "xhtml", "xml", "xsl".
</pre>

引用 ここは引用文字列です

quoted from: bayashi.net

テーブル

Table Title
Grouping
First Header Second Header Third Header
Content Long Cell
Content Cell Cell

インライン要素

強調 文字

強い強調 文字

ワンライナーコード perl -e 'print "foo\n"'
ワンライナーコード perl -e 'print "foo\n"'

URL リンク https://www.bayashi.net/

title属性つきリンク Yahoo!

拡張リンク記法

simple リンク Start

CPANモジュールリンク Text::Xslate
Wikipediaリンク 日本語 / 英語版 English
Hatena IDリンク bayashi_net
Twitter IDリンク @bayashi
Facebook IDリンク dai.okabayashi

リスト

順序なし

  • one
  • two
    • Sun
    • Mon
      • debian
      • CentOS
        • perl
        • ruby
          • male
          • female

順序あり

  1. Jan
  2. Feb
    1. dog
    2. cat

順序なし > 順序あり

  • foo
  • bar
    1. hoge
    2. fuga

tab list

要素を横にタブ形式で並べるリストを使用できます。

embed

ニコニコ動画

YouTube

google map

Formatter 未対応の外部要素を貼る場合は、class: embed で囲むとインデントがそろう。
セキュリティに配慮が必要。掲載者責任で。

サイト内検索