701
回編集
差分
ナビゲーションに移動
検索に移動
ページの作成:「たまたまブログにMarkdownのアドインを入れたから文法の覚書を上げておくよ。<br/> 各表の「表示」項目は、ちょっと見た目が変…」
たまたまブログにMarkdownのアドインを入れたから文法の覚書を上げておくよ。<br/>
各表の「表示」項目は、ちょっと見た目が変わる可能性が高いんだよ。
== 見出し ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| # 見出し||= 見出し =||<nowiki><h1>見出し</h1></nowiki>||<h1>見出し</h1>
|-
| ## 見出し||== 見出し ==||<nowiki><h2>見出し</h2></nowiki>||<h2>見出し</h2>
|-
| ### 見出し||=== 見出し ===||<nowiki><h3>見出し</h3></nowiki>||<h3>見出し</h3>
|}
「#」の後ろに半角スペースを入れるのを忘れちゃだめだよ。
== 段落・改行 ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| 改行 \r\n<br/>改行||<nowiki>改行<br/>改行</nowiki>||<nowiki>改行<br/>改行</nowiki>||改行<br/>改行
|-
| 段落\r\n<br/>段落||段落\r\n<br/>段落||<nowiki><p>段落</p><p>段落</p></nowiki>||<p>段落</p><p>段落</p>
|}
改行の場合は文字列の後ろに'''半角スペースを２つ入れて'''から改行するんだよ。
== 強調・斜体 ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| **強調**||rowspan="2"|<nowiki>'''強調'''</nowiki>||rowspan="2"|<nowiki><strong>強調</strong></nowiki>||rowspan="2"|'''強調'''
|-
| __強調__
|-
| *斜体*||rowspan="2"|<nowiki>''斜体''</nowiki>||rowspan="2"|<nowiki><i>斜体</i></nowiki>||rowspan="2"|''斜体''
|-
| _斜体_
|}
強調・斜体は二通りのやり方があるんだね。強調の下段はアンダースコア×２で囲ってるんだよ。
== リスト ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| * リスト<br/>* リスト<br/> * リスト<br/> * リスト<br/> * リスト||*リスト<br/>*リスト<br/>**リスト<br/>***リスト<br/>**リスト||<nowiki><ul></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><ul></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><ul></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki></ul></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki></ul></nowiki><br/><nowiki></ul></nowiki>||
*リスト
*リスト
**リスト
***リスト
**リスト
|-
| 1. リスト<br/>1. リスト<br/> 1. リスト<br/> 1. リスト<br/> 1. リスト||#リスト<br/>#リスト<br/>##リスト<br/>###リスト<br/>##リスト||<nowiki><ol></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><ol></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><ol></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki></ol></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki></ol></nowiki><br/><nowiki></ol></nowiki>||
#リスト
#リスト
##リスト
###リスト
##リスト
|}
子供のリストを作成したい時は「*」ないし「1.」の前にスペースを入れるんだね。<br/>
番号付きリストの「1.」は別の数字（適当な数字の方があってるかな？）でも番号を振りなおしてくれるよ。<br/>
あともう一つ…上の表では分り辛いけど、「*」とか「1.」の後ろには半角スペースが必要だからね。
== 罫線 ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| ***||rowspan="4"|----【ハイフン×４】||rowspan="4"|<nowiki><hr/></nowiki>||rowspan="4"|【下記参照】
|-
| ---【ハイフン×３】
|-
| ___【アンダースコア×３】
|}
=== 表示 ===
----
分り辛いから、【】書きしたよ。
== リンク ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
|<nowiki> [ローカルホスト](http://localhost)</nowiki>||<nowiki>[http://localhost ローカルホスト]</nowiki>||<nowiki><a href="http://localhost">ローカルホスト</a></nowiki>||[http://localhost ローカルホスト]
|}
これはWiki記法とだいぶイメージが違うんだね。<br/>
表示のリンクマークはmediawikiの仕様で表示されているんだよ。
== イメージ ==
{| class="wikitable"
!Markdown記法 !! Wiki記法
|-
|
<nowiki> </nowiki>
|
<nowiki>[[ファイル:【イメージファイル名】=【代替テキスト】|【イメージのタイトル】]]</nowiki>
|}
{| class="wikitable"
!HTML
|-
|
<nowiki><img href="【イメージへのＵＲＬ】" title="【イメージのタイトル】" alt="【代替テキスト】"></nowiki>
|}
「表示」項目は分かると勝手に解釈して表示しないよ。<br/>
これもWiki記法とだいぶイメージが違うんだね。<br/>
== 引用 ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
|>この文が引用されます。<br/>>>--著者 『出典』||<nowiki><blockquote></nowiki><br/>この文が引用されます。<br/><nowiki><cite></nowiki>--著者 『出典』<nowiki></cite></nowiki><br/><nowiki></blockquote></nowiki>||<nowiki><blockquote></nowiki><br/>この文が引用されます。<br/><nowiki><cite></nowiki>--著者 『出典』<nowiki></cite></nowiki><br/><nowiki></blockquote></nowiki>||
<blockquote>
この文が引用されます。
<cite>--著者 『出典』</cite>
</blockquote>
|}
ちょっと苦しいけど…こんな感じになるんだよ。<br/>
もしかして、HTML使った方がきれいかも。
== コード ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
|
【空行】<br/>```cs<br/>
public int function(int a, int b)<br/>
{<br/>
return a + b;<br/>
}<br/>
```<br/>【空行】
||
<nowiki><source lang="csharp"></nowiki><br/>
public int function(int a, int b)<br/>
{<br/>
return a + b;<br/>
}<br/>
<nowiki></source></nowiki>
||
<nowiki><pre></nowiki><br/>
<nowiki><code></nowiki><br/>
public int function(int a, int b)<br/>
{<br/>
return a + b;<br/>
}<br/>
<nowiki></code></nowiki><br/>
<nowiki></pre></nowiki>
||
<source lang="csharp">
public int function(int a, int b)
{
return a + b;
}
</source>
|}
上記ではＣ♯を使ったけどMarkdownでは以下の言語に対応しているみたいだよ。<br/>
Bash, C#(cs), C++(cpp), CSS, Diff, HTML, XML, Ini, Java, Javascript, PHP, Perl, Python, Ruby, SQL, 1C, AVR Assembler(avrasm), Apache, Axapta, CMake, DOS .bat(dos), Delphi, Django, Erlang, Erlang, REPL, Go, Haskell, Lisp, Lua, MEL, Nginx, Objective C(objectivec), Parser3, Python, profile, Scala, Smalltalk, TeX, VBScript, VHDL, Vala
ちなみにMediawikiの対応している言語は以下の通りだよ。<br/>
4cs, 6502acme, 6502kickass, 6502tasm, 68000devpac, abap, actionscript, actionscript3, ada, algol68, apache, applescript, apt_sources, arm, asm, asp, asymptote, autoconf, autohotkey, autoit, avisynth, awk, bascomavr, bash, basic4gl, bf, bibtex, blitzbasic, bnf, boo, c, c_loadrunner, c_mac, caddcl, cadlisp, cfdg, cfm, chaiscript, cil, clojure, cmake, cobol, coffeescript, cpp, cpp-qt, csharp, css, cuesheet, d, dcl, dcpu16, dcs, delphi, diff, div, dos, dot, e, ecmascript, eiffel, email, epc, erlang, euphoria, f1, falcon, fo, fortran, freebasic, freeswitch, fsharp, gambas, gdb, genero, genie, gettext, glsl, gml, gnuplot, go, groovy, gwbasic, haskell, haxe, hicest, hq9plus, html4strict, html5, icon, idl, ini, inno, intercal, io, j, java, java5, javascript, jquery, kixtart, klonec, klonecpp, latex, lb, ldif, lisp, llvm, locobasic, logtalk, lolcode, lotusformulas, lotusscript, lscript, lsl2, lua, m68k, magiksf, make, mapbasic, matlab, mirc, mmix, modula2, modula3, mpasm, mxml, mysql, nagios, netrexx, newlisp, nsis, oberon2, objc, objeck, ocaml, ocaml-brief, octave, oobas, oorexx, oracle11, oracle8, oxygene, oz, parasail, parigp, pascal, pcre, per, perl, perl6, pf, php, php-brief, pic16, pike, pixelbender, pli, plsql, postgresql, povray, powerbuilder, powershell, proftpd, progress, prolog, properties, providex, purebasic, pycon, pys60, python, q, qbasic, rails, rebol, reg, rexx, robots, rpmspec, rsplus, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, spark, sparql, sql, stonescript, systemverilog, tcl, teraterm, text, thinbasic, tsql, typoscript, unicon, upc, urbi, uscript, vala, vb, vbnet, vedit, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xbasic, xml, xorg_conf, xpp, yaml, z80, zxbasic
== テーブル ==
{| class="wikitable"
!Markdown記法!!Wiki記法
|-
|
<pre>
| Column1 | Column2 | Column3 |
| :--- | ---: | :---: |
| Right | Center | Left |
| Merge1 || Left |
| Right | Merge2 ||
</pre>
||
<pre>
{| class="wikitable"
|-
!Colum1||style="text-align:center"|Colum2||style="text-align:right"|Column3
|-
|Left||style="text-align:center"|Center||style="text-align:right"|Right
|-
|colspan="2"|Merge1||style="text-align:right"|Right
|-
|Left||colspan="2" style="text-align:right"|Merge2
|}
</pre>
|}
{| class="wikitable"
!HTML
|-
|
<source lang="html5">
<table border="1">
<tr>
<th>Column1</th><th style="text-align:center">Column2</th><th style="text-align:right">Column3</th>
</tr>
<tr>
<td>Left</td><td style="text-align:center">Center</td><td style="text-align:right">Right</td>
</tr>
<tr>
<td colspan="2">Merge1</td><td style="text-align:right">Right</td>
</tr>
<tr>
<td>Left</td><td style="text-align:right" colspan="2">Merge2</td>
</tr>
</table>
</source>
|}
=== 表示 ===
{| class="wikitable"
|-
!Colum1||style="text-align:center"|Colum2||style="text-align:right"|Column3
|-
|Left||style="text-align:center"|Center||style="text-align:right"|Right
|-
|colspan="2"|Merge1||style="text-align:right"|Right
|-
|Left||colspan="2" style="text-align:right"|Merge2
|}
これもちょっと苦しいけどこんな感じになるんだよ。<br/>
Markdown記法の見出しとセルの間の一行が、左寄せ・中央寄せ・右寄せを表しているんだよ。<br/>
横向きのセル結合は空のセルを作ればいいだけみたいだね。<br/>
縦の結合は…調べたけど見つからなかったんだよ。
[[Category:Markdown]]
各表の「表示」項目は、ちょっと見た目が変わる可能性が高いんだよ。
== 見出し ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| # 見出し||= 見出し =||<nowiki><h1>見出し</h1></nowiki>||<h1>見出し</h1>
|-
| ## 見出し||== 見出し ==||<nowiki><h2>見出し</h2></nowiki>||<h2>見出し</h2>
|-
| ### 見出し||=== 見出し ===||<nowiki><h3>見出し</h3></nowiki>||<h3>見出し</h3>
|}
「#」の後ろに半角スペースを入れるのを忘れちゃだめだよ。
== 段落・改行 ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| 改行 \r\n<br/>改行||<nowiki>改行<br/>改行</nowiki>||<nowiki>改行<br/>改行</nowiki>||改行<br/>改行
|-
| 段落\r\n<br/>段落||段落\r\n<br/>段落||<nowiki><p>段落</p><p>段落</p></nowiki>||<p>段落</p><p>段落</p>
|}
改行の場合は文字列の後ろに'''半角スペースを２つ入れて'''から改行するんだよ。
== 強調・斜体 ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| **強調**||rowspan="2"|<nowiki>'''強調'''</nowiki>||rowspan="2"|<nowiki><strong>強調</strong></nowiki>||rowspan="2"|'''強調'''
|-
| __強調__
|-
| *斜体*||rowspan="2"|<nowiki>''斜体''</nowiki>||rowspan="2"|<nowiki><i>斜体</i></nowiki>||rowspan="2"|''斜体''
|-
| _斜体_
|}
強調・斜体は二通りのやり方があるんだね。強調の下段はアンダースコア×２で囲ってるんだよ。
== リスト ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| * リスト<br/>* リスト<br/> * リスト<br/> * リスト<br/> * リスト||*リスト<br/>*リスト<br/>**リスト<br/>***リスト<br/>**リスト||<nowiki><ul></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><ul></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><ul></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki></ul></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki></ul></nowiki><br/><nowiki></ul></nowiki>||
*リスト
*リスト
**リスト
***リスト
**リスト
|-
| 1. リスト<br/>1. リスト<br/> 1. リスト<br/> 1. リスト<br/> 1. リスト||#リスト<br/>#リスト<br/>##リスト<br/>###リスト<br/>##リスト||<nowiki><ol></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><ol></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki><ol></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki></ol></nowiki><br/><nowiki><li></nowiki>リスト<nowiki></li></nowiki><br/><nowiki></ol></nowiki><br/><nowiki></ol></nowiki>||
#リスト
#リスト
##リスト
###リスト
##リスト
|}
子供のリストを作成したい時は「*」ないし「1.」の前にスペースを入れるんだね。<br/>
番号付きリストの「1.」は別の数字（適当な数字の方があってるかな？）でも番号を振りなおしてくれるよ。<br/>
あともう一つ…上の表では分り辛いけど、「*」とか「1.」の後ろには半角スペースが必要だからね。
== 罫線 ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
| ***||rowspan="4"|----【ハイフン×４】||rowspan="4"|<nowiki><hr/></nowiki>||rowspan="4"|【下記参照】
|-
| ---【ハイフン×３】
|-
| ___【アンダースコア×３】
|}
=== 表示 ===
----
分り辛いから、【】書きしたよ。
== リンク ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
|<nowiki> [ローカルホスト](http://localhost)</nowiki>||<nowiki>[http://localhost ローカルホスト]</nowiki>||<nowiki><a href="http://localhost">ローカルホスト</a></nowiki>||[http://localhost ローカルホスト]
|}
これはWiki記法とだいぶイメージが違うんだね。<br/>
表示のリンクマークはmediawikiの仕様で表示されているんだよ。
== イメージ ==
{| class="wikitable"
!Markdown記法 !! Wiki記法
|-
|
<nowiki> </nowiki>
|
<nowiki>[[ファイル:【イメージファイル名】=【代替テキスト】|【イメージのタイトル】]]</nowiki>
|}
{| class="wikitable"
!HTML
|-
|
<nowiki><img href="【イメージへのＵＲＬ】" title="【イメージのタイトル】" alt="【代替テキスト】"></nowiki>
|}
「表示」項目は分かると勝手に解釈して表示しないよ。<br/>
これもWiki記法とだいぶイメージが違うんだね。<br/>
== 引用 ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
|>この文が引用されます。<br/>>>--著者 『出典』||<nowiki><blockquote></nowiki><br/>この文が引用されます。<br/><nowiki><cite></nowiki>--著者 『出典』<nowiki></cite></nowiki><br/><nowiki></blockquote></nowiki>||<nowiki><blockquote></nowiki><br/>この文が引用されます。<br/><nowiki><cite></nowiki>--著者 『出典』<nowiki></cite></nowiki><br/><nowiki></blockquote></nowiki>||
<blockquote>
この文が引用されます。
<cite>--著者 『出典』</cite>
</blockquote>
|}
ちょっと苦しいけど…こんな感じになるんだよ。<br/>
もしかして、HTML使った方がきれいかも。
== コード ==
{| class="wikitable"
!Markdown記法 !! Wiki記法 !! HTML !! 表示
|-
|
【空行】<br/>```cs<br/>
public int function(int a, int b)<br/>
{<br/>
return a + b;<br/>
}<br/>
```<br/>【空行】
||
<nowiki><source lang="csharp"></nowiki><br/>
public int function(int a, int b)<br/>
{<br/>
return a + b;<br/>
}<br/>
<nowiki></source></nowiki>
||
<nowiki><pre></nowiki><br/>
<nowiki><code></nowiki><br/>
public int function(int a, int b)<br/>
{<br/>
return a + b;<br/>
}<br/>
<nowiki></code></nowiki><br/>
<nowiki></pre></nowiki>
||
<source lang="csharp">
public int function(int a, int b)
{
return a + b;
}
</source>
|}
上記ではＣ♯を使ったけどMarkdownでは以下の言語に対応しているみたいだよ。<br/>
Bash, C#(cs), C++(cpp), CSS, Diff, HTML, XML, Ini, Java, Javascript, PHP, Perl, Python, Ruby, SQL, 1C, AVR Assembler(avrasm), Apache, Axapta, CMake, DOS .bat(dos), Delphi, Django, Erlang, Erlang, REPL, Go, Haskell, Lisp, Lua, MEL, Nginx, Objective C(objectivec), Parser3, Python, profile, Scala, Smalltalk, TeX, VBScript, VHDL, Vala
ちなみにMediawikiの対応している言語は以下の通りだよ。<br/>
4cs, 6502acme, 6502kickass, 6502tasm, 68000devpac, abap, actionscript, actionscript3, ada, algol68, apache, applescript, apt_sources, arm, asm, asp, asymptote, autoconf, autohotkey, autoit, avisynth, awk, bascomavr, bash, basic4gl, bf, bibtex, blitzbasic, bnf, boo, c, c_loadrunner, c_mac, caddcl, cadlisp, cfdg, cfm, chaiscript, cil, clojure, cmake, cobol, coffeescript, cpp, cpp-qt, csharp, css, cuesheet, d, dcl, dcpu16, dcs, delphi, diff, div, dos, dot, e, ecmascript, eiffel, email, epc, erlang, euphoria, f1, falcon, fo, fortran, freebasic, freeswitch, fsharp, gambas, gdb, genero, genie, gettext, glsl, gml, gnuplot, go, groovy, gwbasic, haskell, haxe, hicest, hq9plus, html4strict, html5, icon, idl, ini, inno, intercal, io, j, java, java5, javascript, jquery, kixtart, klonec, klonecpp, latex, lb, ldif, lisp, llvm, locobasic, logtalk, lolcode, lotusformulas, lotusscript, lscript, lsl2, lua, m68k, magiksf, make, mapbasic, matlab, mirc, mmix, modula2, modula3, mpasm, mxml, mysql, nagios, netrexx, newlisp, nsis, oberon2, objc, objeck, ocaml, ocaml-brief, octave, oobas, oorexx, oracle11, oracle8, oxygene, oz, parasail, parigp, pascal, pcre, per, perl, perl6, pf, php, php-brief, pic16, pike, pixelbender, pli, plsql, postgresql, povray, powerbuilder, powershell, proftpd, progress, prolog, properties, providex, purebasic, pycon, pys60, python, q, qbasic, rails, rebol, reg, rexx, robots, rpmspec, rsplus, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, spark, sparql, sql, stonescript, systemverilog, tcl, teraterm, text, thinbasic, tsql, typoscript, unicon, upc, urbi, uscript, vala, vb, vbnet, vedit, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xbasic, xml, xorg_conf, xpp, yaml, z80, zxbasic
== テーブル ==
{| class="wikitable"
!Markdown記法!!Wiki記法
|-
|
<pre>
| Column1 | Column2 | Column3 |
| :--- | ---: | :---: |
| Right | Center | Left |
| Merge1 || Left |
| Right | Merge2 ||
</pre>
||
<pre>
{| class="wikitable"
|-
!Colum1||style="text-align:center"|Colum2||style="text-align:right"|Column3
|-
|Left||style="text-align:center"|Center||style="text-align:right"|Right
|-
|colspan="2"|Merge1||style="text-align:right"|Right
|-
|Left||colspan="2" style="text-align:right"|Merge2
|}
</pre>
|}
{| class="wikitable"
!HTML
|-
|
<source lang="html5">
<table border="1">
<tr>
<th>Column1</th><th style="text-align:center">Column2</th><th style="text-align:right">Column3</th>
</tr>
<tr>
<td>Left</td><td style="text-align:center">Center</td><td style="text-align:right">Right</td>
</tr>
<tr>
<td colspan="2">Merge1</td><td style="text-align:right">Right</td>
</tr>
<tr>
<td>Left</td><td style="text-align:right" colspan="2">Merge2</td>
</tr>
</table>
</source>
|}
=== 表示 ===
{| class="wikitable"
|-
!Colum1||style="text-align:center"|Colum2||style="text-align:right"|Column3
|-
|Left||style="text-align:center"|Center||style="text-align:right"|Right
|-
|colspan="2"|Merge1||style="text-align:right"|Right
|-
|Left||colspan="2" style="text-align:right"|Merge2
|}
これもちょっと苦しいけどこんな感じになるんだよ。<br/>
Markdown記法の見出しとセルの間の一行が、左寄せ・中央寄せ・右寄せを表しているんだよ。<br/>
横向きのセル結合は空のセルを作ればいいだけみたいだね。<br/>
縦の結合は…調べたけど見つからなかったんだよ。
[[Category:Markdown]]
