bluefeather 0.10 → 0.11

Sign up to get free protection for your applications and to get access to all the features.
@@ -9,7 +9,7 @@ BlueFeather Manual
9
9
 
10
10
  -> [Japanese version (original)](../index.html)
11
11
 
12
- (2009-02-22: this document based on version 0.10)
12
+ (2009-02-27: this document based on version 0.11)
13
13
 
14
14
  BlueFeather is software for converting text written by extended Markdown like
15
15
  [PHP Markdown Extra][] to html. It is pair of command-line tool and pure Ruby
@@ -0,0 +1,48 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html>
3
+ <head>
4
+ <title>BlueFeather Manual</title>
5
+ <link rel="stylesheet" type="text/css" href="black.css" />
6
+ </head>
7
+ <body>
8
+
9
+ <div class="back"><a> </a></div>
10
+
11
+ <h1 id="bfheader-35661d482100191843f35ae0ff825d35">BlueFeather Manual</h1>
12
+
13
+ <p>-> <a href="../index.html">Japanese version (original)</a></p>
14
+
15
+ <p>(2009-02-27: this document based on version 0.11)</p>
16
+
17
+ <p>BlueFeather is software for converting text written by extended Markdown like
18
+ <a href="http://michelf.com/projects/php-markdown/extra/">PHP Markdown Extra</a> to html. It is pair of command-line tool and pure Ruby
19
+ library.</p>
20
+
21
+ <p>BlueFeather is based on <a href="http://www.deveiate.org/projects/BlueCloth">BlueCloth 1.0.0</a>. And that, some extensions is added
22
+ -- known bug fix, changing interface and extension of Markdown syntax.</p>
23
+
24
+ <p>By the way, these html-documents are generated by BlueFeather. Original text
25
+ files are in the directory, '<code>doc/en/</code>'.</p>
26
+
27
+ <ul>
28
+ <li><a href="basic-usage.html">Installing and Basic Usage</a></li>
29
+ <li><a href="difference.html">Difference from BlueCloth</a></li>
30
+ <li><a href="format-extension.html">Markdown Syntax Extension</a></li>
31
+ </ul>
32
+
33
+
34
+
35
+ <ul>
36
+ <li>Class Reference (Not translated yet. see the <a href="../class-reference.html">Japanese version</a>)</li>
37
+ <li>Metadata Reference (Not translated yet. see the <a href="../metadata-reference.html">Japanese version</a>)</li>
38
+ </ul>
39
+
40
+
41
+
42
+ <ul>
43
+ <li><a href="author-and-license.html">Author and License</a></li>
44
+ <li><a href="http://ruby.morphball.net/bluefeather/index_en.html">BlueFeather Website(http://ruby.morphball.net/bluefeather/index_en.html)</a></li>
45
+ </ul>
46
+
47
+ </body>
48
+ </html>
@@ -0,0 +1,15 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html>
3
+ <head>
4
+ <title>Metadata Reference - BlueFeather Manual</title>
5
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6
+ <link rel="stylesheet" type="text/css" href="black.css" />
7
+ </head>
8
+ <body>
9
+
10
+ <div class="back"><a href="index.html">BlueFeather Manual</a></div>
11
+
12
+ <p>(Not translated yet. see the <a href="../metadata-reference.html">Japanese version</a>)</p>
13
+
14
+ </body>
15
+ </html>
@@ -0,0 +1,426 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html>
3
+ <head>
4
+ <title>Markdown記法の拡張 - BlueFeather マニュアル</title>
5
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6
+ <link rel="stylesheet" type="text/css" href="black.css" />
7
+ </head>
8
+ <body>
9
+
10
+ <div class="back"><a href="index.html">BlueFeather マニュアル</a></div>
11
+
12
+ <h1 id="bfheader-f258371e35bb4a18540d0928439c812c">Markdown記法の拡張</h1>
13
+
14
+ <p>BlueFeatherでは、従来のMarkdown記法に加え、<a href="http://michelf.com/projects/php-markdown/extra/">PHP Markdown Extra</a>などから多くの拡張を取り込んでいます。</p>
15
+
16
+ <ul>
17
+ <li><a href="#bfheader-4d6a7211c9644b2e6022e148faf92cf9" rel="toc">PHP Markdown Extra</a>
18
+ <ul>
19
+ <li><a href="#bfheader-c22ed30d2797ed4b58d61108bb9813f6" rel="toc">定義リスト(dl)</a></li>
20
+ <li><a href="#bfheader-a10a2296a6a83588321aec37855681be" rel="toc">脚注</a></li>
21
+ <li><a href="#bfheader-503df41f3bdb2f3a218dec1a0949f864" rel="toc">ID付き見出し</a></li>
22
+ <li><a href="#bfheader-dae806a4db8bc41890f6b9d81a304b8f" rel="toc">仕切り付きコードブロック</a></li>
23
+ <li><a href="#bfheader-3883c72da6a61cb25dc54394bef5dadd" rel="toc">表組み</a></li>
24
+ <li><a href="#bfheader-3178a3a6f49c04adfd258c3ff3b1874c" rel="toc">PHP Markdown Extra との違い</a></li>
25
+ </ul></li>
26
+ <li><a href="#bfheader-a9b6b5e3d5be87d8194265a892d62831" rel="toc">独自拡張</a>
27
+ <ul>
28
+ <li><a href="#bfheader-f468002119acb5f6f3a0229d6cfedabe" rel="toc">目次</a></li>
29
+ <li><a href="#bfheader-55d56bae44b31b46490e34c2affe2255" rel="toc">強制ブロック区切り</a></li>
30
+ </ul></li>
31
+ </ul>
32
+
33
+ <h2 id="bfheader-4d6a7211c9644b2e6022e148faf92cf9">PHP Markdown Extra</h2>
34
+
35
+ <ul>
36
+ <li>元々の PHP Markdown Extra については、<a href="http://michelf.com/projects/php-markdown/extra/">http://michelf.com/projects/php-markdown/extra/</a> を参照してください。</li>
37
+ </ul>
38
+
39
+ <h3 id="bfheader-c22ed30d2797ed4b58d61108bb9813f6">定義リスト(dl)</h3>
40
+
41
+ <p>定義語と <code>:</code> 記号から始まる説明文の組み合わせは、定義リストとして変換されます。</p>
42
+
43
+ <pre><code>みかん
44
+ : オレンジ色で甘酸っぱい。
45
+
46
+ りんご
47
+ : 赤くて甘い。
48
+ </code></pre>
49
+
50
+ <blockquote>
51
+ <dl>
52
+ <dt>みかん</dt>
53
+ <dd>オレンジ色で甘酸っぱい。</dd>
54
+ <dt>りんご</dt>
55
+ <dd>赤くて甘い。</dd>
56
+ </dl>
57
+ </blockquote>
58
+
59
+ <p>定義語や説明文は、それぞれ複数重ねることもできます。</p>
60
+
61
+ <pre><code>みかん
62
+ : オレンジ色。
63
+ : 甘酸っぱい。
64
+
65
+ りんご
66
+ アップル
67
+ : 赤くて甘い。
68
+ </code></pre>
69
+
70
+ <blockquote>
71
+ <dl>
72
+ <dt>みかん</dt>
73
+ <dd>オレンジ色。</dd>
74
+ <dd>甘酸っぱい。</dd>
75
+ <dt>りんご</dt>
76
+ <dt>アップル</dt>
77
+ <dd>赤くて甘い。</dd>
78
+ </dl>
79
+ </blockquote>
80
+
81
+ <p>また、定義語と説明文の間に空行を挟むと、説明文を段落(p要素)にすることができます。
82
+ さらにその後にインデント付きで、他のブロック要素(リストなど)を含めることもできます。</p>
83
+
84
+ <pre><code>みかん
85
+
86
+ : オレンジ色で甘酸っぱく、ジュースにもなる。
87
+
88
+ りんご
89
+
90
+ : 以下のような特徴を持つ。
91
+
92
+ * 甘い
93
+ * 見た目は赤くて丸い(青いのもある)
94
+ * 皮にも栄養がある
95
+ </code></pre>
96
+
97
+ <blockquote>
98
+ <dl>
99
+ <dt>みかん</dt>
100
+ <dd><p>オレンジ色で甘酸っぱく、ジュースにもなる。</p></dd>
101
+ <dt>りんご</dt>
102
+ <dd><p>以下のような特徴を持つ。</p>
103
+
104
+ <ul>
105
+ <li>甘い</li>
106
+ <li>見た目は赤くて丸い(青いのもある)</li>
107
+ <li>皮にも栄養がある</li>
108
+ </ul></dd>
109
+ </dl>
110
+ </blockquote>
111
+
112
+ <h3 id="bfheader-a10a2296a6a83588321aec37855681be">脚注</h3>
113
+
114
+ <p>次のように書くことで、任意の箇所に脚注を付けることができます。</p>
115
+
116
+ <pre><code>チャルメラ醤油味は、卵を入れる[^1]と美味しく作ることができる。
117
+
118
+ [^1]: できあがり直前に弱火にしてから割り入れて、短時間だけ煮込むのがコツ。
119
+ </code></pre>
120
+
121
+ <blockquote>
122
+ <p>チャルメラ醤油味は、卵を入れる<sup id="footnote-ref:1"><a href="#footnote:1" rel="footnote">[1]</a></sup>と美味しく作ることができる。</p>
123
+ </blockquote>
124
+
125
+ <p>脚注の定義(できあがり直前に~)は、文書中のどこに書いても構いません。</p>
126
+
127
+ <p>また、脚注には番号でなく、任意のIDを付けることもできます。
128
+ その場合であっても、ブラウザ上の表示ではIDに関わらず連番が振られます。</p>
129
+
130
+ <pre><code>チャルメラとんこつ味には、もやし[^moyashi]がよく合う。
131
+
132
+ [^moyashi]: 歯応え重視で太めのもやしを選ぶのがお奨め。
133
+ </code></pre>
134
+
135
+ <blockquote>
136
+ <p>チャルメラとんこつ味には、もやし<sup id="footnote-ref:moyashi"><a href="#footnote:moyashi" rel="footnote">[2]</a></sup>がよく合う。</p>
137
+ </blockquote>
138
+
139
+ <h3 id="bfheader-503df41f3bdb2f3a218dec1a0949f864">ID付き見出し</h3>
140
+
141
+ <p>任意の見出し(h*要素)の後ろに次のように書くことにより、その見出しにIDを付け、リンクすることが出来ます。</p>
142
+
143
+ <pre><code>レシピ {#recipe}
144
+ ----
145
+
146
+ [「レシピ」の項](#recipe)を参照してください。
147
+ </code></pre>
148
+
149
+
150
+
151
+ <pre><code>## レシピ ## {#recipe}
152
+
153
+ [「レシピ」の項](#recipe)を参照してください。
154
+ </code></pre>
155
+
156
+ <blockquote>
157
+ <h2 id="recipe">レシピ</h2>
158
+
159
+ <p><a href="#recipe">「レシピ」の項</a>を参照してください。</p>
160
+ </blockquote>
161
+
162
+ <p>なお、見出しの内容とID記述の間には空白を入れても構いませんが、<em>ID記述の直後に改行以外を入れてはいけません。</em></p>
163
+
164
+ <h3 id="bfheader-dae806a4db8bc41890f6b9d81a304b8f">仕切り付きコードブロック</h3>
165
+
166
+ <pre><code>~~~
167
+ 3つ以上のチルダ記号(~)がある行から、同じ数のチルダ記号がある行までは
168
+ 丸ごとコードブロックとして扱われます。
169
+ ~~~
170
+ </code></pre>
171
+
172
+ <blockquote>
173
+ <pre><code>3つ以上のチルダ記号(~)がある行から、同じ数のチルダ記号がある行までは
174
+ 丸ごとコードブロックとして扱われます。
175
+ </code></pre>
176
+ </blockquote>
177
+
178
+ <h3 id="bfheader-3883c72da6a61cb25dc54394bef5dadd">表組み</h3>
179
+
180
+ <p>パイプ記号(<code>|</code>)でセルを区切ることで、表組みを作ることができます。
181
+ 1行目に項目名(ヘッダ)を、2行目に項目名とデータの区切りを、3行目以降にデータを記入してください。</p>
182
+
183
+ <pre><code>|名前 |色 |個数|
184
+ |------|--------|----|
185
+ |りんご|赤 | 8|
186
+ |みかん|オレンジ| 32|
187
+ </code></pre>
188
+
189
+ <blockquote>
190
+ <p><table>
191
+ <thead><tr>
192
+ <th>名前</th>
193
+ <th>色</th>
194
+ <th>個数</th>
195
+ </tr></thead>
196
+ <tbody>
197
+ <tr>
198
+ <td>りんご</td>
199
+ <td>赤</td>
200
+ <td>8</td>
201
+ </tr>
202
+ <tr>
203
+ <td>みかん</td>
204
+ <td>オレンジ</td>
205
+ <td>32</td>
206
+ </tr>
207
+ </tbody>
208
+ </table></p>
209
+ </blockquote>
210
+
211
+ <p>右端のパイプ記号や、セルの見た目を揃えるための空白は省略可能です。そのため、以下の例はどちらも有効です。</p>
212
+
213
+ <pre><code>|名前 |色 |個数
214
+ |------|--------|----
215
+ |りんご|赤 | 8
216
+ |みかん|オレンジ| 32
217
+
218
+ |名前|色|個数|
219
+ |-|-|-|
220
+ |りんご|赤|8|
221
+ |みかん|オレンジ|32|
222
+ </code></pre>
223
+
224
+ <p>ただし、PHP Markdown Extraと異なり、<em>左端のパイプ記号は省略することができません。</em>ご注意ください。</p>
225
+
226
+ <p>2行目の区切り部、右端にコロン記号(<code>:</code>)を付けることにより、その列を右寄せにすることができます。
227
+ また、両端に同じ記号を付けると中央寄せになります。</p>
228
+
229
+ <pre><code>|名前 |色 |個数|
230
+ |------|:------:|---:|
231
+ |りんご|赤 | 8|
232
+ |みかん|オレンジ| 32|
233
+ </code></pre>
234
+
235
+ <blockquote>
236
+ <p><table>
237
+ <thead><tr>
238
+ <th>名前</th>
239
+ <th style="text-align: center">色</th>
240
+ <th style="text-align: right">個数</th>
241
+ </tr></thead>
242
+ <tbody>
243
+ <tr>
244
+ <td>りんご</td>
245
+ <td style="text-align: center">赤</td>
246
+ <td style="text-align: right">8</td>
247
+ </tr>
248
+ <tr>
249
+ <td>みかん</td>
250
+ <td style="text-align: center">オレンジ</td>
251
+ <td style="text-align: right">32</td>
252
+ </tr>
253
+ </tbody>
254
+ </table></p>
255
+ </blockquote>
256
+
257
+ <h3 id="bfheader-3178a3a6f49c04adfd258c3ff3b1874c">PHP Markdown Extra との違い</h3>
258
+
259
+ <ul>
260
+ <li><p>PHP Markdown Extra ではブロック要素のHTMLタグをインデントできるように変更されていますが、BlueFeather では<em>インデントは許可されません</em>(本家 Markdown と同じ)。</p></li>
261
+ <li><p>PHP Markdown Extra では、以下のような記述のときには強調を行わない仕様になっています。</p>
262
+
263
+ <pre><code>Please open the folder "secret_magic_box".
264
+ </code></pre>
265
+
266
+ <p>ですが、BlueFeather では<em>この場合でも強調を行います</em>(本家 Markdown と同じ)。</p></li>
267
+ <li><p><a href="http://michelf.com/projects/php-markdown/extra/#markdown-attr">Markdown Inside HTML Blocks</a> (HTML内でのMarkdown記法)、および<a href="http://michelf.com/projects/php-markdown/extra/#abbr">Abbreviations</a>(略語定義)には対応していません。</p></li>
268
+ <li><p>表組みの左側のパイプ記号(ボーダー)は必須です。</p></li>
269
+ </ul>
270
+
271
+ <h2 id="bfheader-a9b6b5e3d5be87d8194265a892d62831">独自拡張</h2>
272
+
273
+ <h3 id="bfheader-f468002119acb5f6f3a0229d6cfedabe">目次</h3>
274
+
275
+ <p>行頭に <code>{toc}</code> と記入することにより、その位置に目次(テキスト内にある見出しの一覧)を表示させることができます。</p>
276
+
277
+ <pre><code>{toc}
278
+ </code></pre>
279
+
280
+ <blockquote>
281
+ <ul>
282
+ <li><a href="#bfheader-4d6a7211c9644b2e6022e148faf92cf9" rel="toc">PHP Markdown Extra</a>
283
+ <ul>
284
+ <li><a href="#bfheader-c22ed30d2797ed4b58d61108bb9813f6" rel="toc">定義リスト(dl)</a></li>
285
+ <li><a href="#bfheader-a10a2296a6a83588321aec37855681be" rel="toc">脚注</a></li>
286
+ <li><a href="#bfheader-503df41f3bdb2f3a218dec1a0949f864" rel="toc">ID付き見出し</a></li>
287
+ <li><a href="#bfheader-dae806a4db8bc41890f6b9d81a304b8f" rel="toc">仕切り付きコードブロック</a></li>
288
+ <li><a href="#bfheader-3883c72da6a61cb25dc54394bef5dadd" rel="toc">表組み</a></li>
289
+ <li><a href="#bfheader-3178a3a6f49c04adfd258c3ff3b1874c" rel="toc">PHP Markdown Extra との違い</a></li>
290
+ </ul></li>
291
+ <li><a href="#bfheader-a9b6b5e3d5be87d8194265a892d62831" rel="toc">独自拡張</a>
292
+ <ul>
293
+ <li><a href="#bfheader-f468002119acb5f6f3a0229d6cfedabe" rel="toc">目次</a></li>
294
+ <li><a href="#bfheader-55d56bae44b31b46490e34c2affe2255" rel="toc">強制ブロック区切り</a></li>
295
+ </ul></li>
296
+ </ul>
297
+ </blockquote>
298
+
299
+ <p>また、どのレベルからの見出しを目次に含めるかを指定することもできます。
300
+ たとえば、次の例であれば、h1 ~ h2 は無視され、h3 ~ h6 のみが目次に含まれます。</p>
301
+
302
+ <pre><code>{toc:h3..}
303
+ </code></pre>
304
+
305
+ <blockquote>
306
+ <ul>
307
+ <li><a href="#bfheader-c22ed30d2797ed4b58d61108bb9813f6" rel="toc">定義リスト(dl)</a></li>
308
+ <li><a href="#bfheader-a10a2296a6a83588321aec37855681be" rel="toc">脚注</a></li>
309
+ <li><a href="#bfheader-503df41f3bdb2f3a218dec1a0949f864" rel="toc">ID付き見出し</a></li>
310
+ <li><a href="#bfheader-dae806a4db8bc41890f6b9d81a304b8f" rel="toc">仕切り付きコードブロック</a></li>
311
+ <li><a href="#bfheader-3883c72da6a61cb25dc54394bef5dadd" rel="toc">表組み</a></li>
312
+ <li><a href="#bfheader-3178a3a6f49c04adfd258c3ff3b1874c" rel="toc">PHP Markdown Extra との違い</a></li>
313
+ <li><a href="#bfheader-f468002119acb5f6f3a0229d6cfedabe" rel="toc">目次</a></li>
314
+ <li><a href="#bfheader-55d56bae44b31b46490e34c2affe2255" rel="toc">強制ブロック区切り</a></li>
315
+ </ul>
316
+ </blockquote>
317
+
318
+ <p>指定がなかった場合の標準はレベル2、つまり h2 ~ h6 が目次に含まれます。</p>
319
+
320
+ <p>なお、目次にリストアップされるのは、<em>Markdown記法の変換によって生成され、なおかつ他のブロック要素に含まれていない見出しのみ</em>です。
321
+ つまり、次のような見出しは目次に含まれません。</p>
322
+
323
+ <pre><code>&lt;h2&gt;目次に含まれない見出し&lt;/h2&gt;
324
+
325
+ &gt; ## 目次に含まれない見出し ##
326
+ </code></pre>
327
+
328
+ <h3 id="bfheader-55d56bae44b31b46490e34c2affe2255">強制ブロック区切り</h3>
329
+
330
+ <p>通常、リストやコードブロックは、間に空行があっても一つのブロックに結合されます。
331
+ しかし、連続して2つ以上のリストを置きたい場合など、この動作を抑制したいケースがあります。</p>
332
+
333
+ <pre><code>1. リスト1項目1
334
+ 2. リスト1項目2
335
+ 3. リスト1項目3
336
+
337
+ 1. リスト2項目1
338
+ 2. リスト2項目2
339
+ 3. リスト2項目3
340
+ </code></pre>
341
+
342
+
343
+
344
+ <pre><code>&lt;ol&gt;
345
+ &lt;li&gt;リスト1項目1&lt;/li&gt;
346
+ &lt;li&gt;リスト1項目2&lt;/li&gt;
347
+ &lt;li&gt;&lt;p&gt;リスト1項目3&lt;/p&gt;&lt;/li&gt;
348
+ &lt;li&gt;&lt;p&gt;リスト2項目1&lt;/p&gt;&lt;/li&gt;
349
+ &lt;li&gt;リスト2項目2&lt;/li&gt;
350
+ &lt;li&gt;リスト2項目3&lt;/li&gt;
351
+ &lt;/ol&gt;
352
+ </code></pre>
353
+
354
+ <p>ひとつの解決策は、間に水平線を挟むことです。</p>
355
+
356
+ <pre><code>1. リスト1項目1
357
+ 2. リスト1項目2
358
+ 3. リスト1項目3
359
+
360
+ ----
361
+
362
+ 1. リスト2項目1
363
+ 2. リスト2項目2
364
+ 3. リスト2項目3
365
+ </code></pre>
366
+
367
+
368
+
369
+ <pre><code>&lt;ol&gt;
370
+ &lt;li&gt;リスト1項目1&lt;/li&gt;
371
+ &lt;li&gt;リスト1項目2&lt;/li&gt;
372
+ &lt;li&gt;リスト1項目3&lt;/li&gt;
373
+ &lt;/ol&gt;
374
+
375
+ &lt;hr /&gt;
376
+
377
+ &lt;ol&gt;
378
+ &lt;li&gt;リスト2項目1&lt;/li&gt;
379
+ &lt;li&gt;リスト2項目2&lt;/li&gt;
380
+ &lt;li&gt;リスト2項目3&lt;/li&gt;
381
+ &lt;/ol&gt;
382
+ </code></pre>
383
+
384
+ <p>しかし、水平線を使わずに区切りたい場合もあるでしょう。
385
+ そういった場合、BlueFeather では行にチルダ記号(~)を1つだけ置くことで、その行でリストやコードブロックを強制的に区切ることができます。</p>
386
+
387
+ <pre><code>~
388
+ </code></pre>
389
+
390
+ <p>たとえば、次のように使うことが出来ます。</p>
391
+
392
+ <pre><code>1. リスト1項目1
393
+ 2. リスト1項目2
394
+ 3. リスト1項目3
395
+
396
+ ~
397
+
398
+ 1. リスト2項目1
399
+ 2. リスト2項目2
400
+ 3. リスト2項目3
401
+ </code></pre>
402
+
403
+
404
+
405
+ <pre><code>&lt;ol&gt;
406
+ &lt;li&gt;リスト1項目1&lt;/li&gt;
407
+ &lt;li&gt;リスト1項目2&lt;/li&gt;
408
+ &lt;li&gt;リスト1項目3&lt;/li&gt;
409
+ &lt;/ol&gt;
410
+
411
+ &lt;ol&gt;
412
+ &lt;li&gt;リスト2項目1&lt;/li&gt;
413
+ &lt;li&gt;リスト2項目2&lt;/li&gt;
414
+ &lt;li&gt;リスト2項目3&lt;/li&gt;
415
+ &lt;/ol&gt;
416
+ </code></pre><div class="footnotes"><hr />
417
+ <ol>
418
+ <li id="footnote:1">
419
+ <p>できあがり直前に弱火にしてから割り入れて、短時間だけ煮込むのがコツ。 <a href="#footnote-ref:1" rev="footnote">&#8617;</a></p>
420
+ </li><li id="footnote:moyashi">
421
+ <p>歯応え重視で太めのもやしを選ぶのがお奨め。 <a href="#footnote-ref:moyashi" rev="footnote">&#8617;</a></p>
422
+ </li></ol>
423
+ </div>
424
+
425
+ </body>
426
+ </html>