411 lines
23 KiB
HTML
411 lines
23 KiB
HTML
<!-- var t01_head1 -->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<style type="text/css">
|
|
*{padding:0;margin:0;--color-secondary:#dedede;--color-text-light:gray}body{font-family:sans-serif;text-rendering:optimizespeed;background-color:#f5f5f5}a{color:#006ed3;text-decoration:none}a:hover{color:#319cff}#summary,header{padding:0 20px}header{display:flex;flex-direction:row;gap:1em;padding-top:25px;padding-bottom:15px;background-color:#f2f2f2}header h1{font-size:20px;font-weight:normal;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;color:#999}header h1 a{color:#000;margin:0 4px}footer a:hover,header h1 a:hover{text-decoration:underline}header h1 a:first-child{margin:0}main{display:block}.meta{font-size:12px;font-family:Verdana, sans-serif;border-bottom:1px solid #9c9c9c;padding-top:10px;padding-bottom:10px}.meta-item{margin-right:1em}#filter{padding:4px;border:1px solid #ccc}#list{width:100%;border-collapse:collapse}#list tr{border-bottom:1px dashed #dadada}#list tbody tr:hover{background-color:#ffffec}#list td,#list th{text-align:left;padding:10px 0}#list th{padding-top:15px;padding-bottom:15px;font-size:16px;white-space:nowrap}#list th a{color:black}#list th svg{vertical-align:middle}#list td{white-space:nowrap;font-size:14px}#list td:nth-child(1),#list th:nth-child(1){padding-left:20px;width:80%}#list td:nth-child(2),#list th:nth-child(2){text-align: right;padding:0 20px}#list td:nth-child(3),#list th:nth-child(3){text-align:right;padding-right:20px}#list td:nth-child(1) svg{position:absolute}#list td .goup,#list td .name{margin-left:1.75em;word-break:break-all;overflow-wrap:break-word;white-space:pre-wrap}footer{padding:40px 20px;font-size:16px}.markup{max-width:790px;word-wrap:break-word;overflow:hidden;line-height:1.5 !important}.markup > :first-child{margin-top:0 !important}.markup > :last-child{margin-bottom:0 !important}.markup h1,.markup h2,.markup h3,.markup h4,.markup h5,.markup h6{font-weight:600;margin-top:24px;margin-bottom:16px;line-height:1.25}.markup h1 code,.markup h1 tt,.markup h2 code,.markup h2 tt,.markup h3 code,.markup h3 tt,.markup h4 code,.markup h4 tt,.markup h5 code,.markup h5 tt,.markup h6 code,.markup h6 tt{font-size:inherit}.markup h1{border-bottom:1px solid var(--color-secondary);padding-bottom:0.3em;font-size:2em}.markup h2{border-bottom:1px solid var(--color-secondary);padding-bottom:0.3em;font-size:1.5em}.markup h3{font-size:1.25em}.markup h4{font-size:1em}.markup h5{font-size:0.875em}.markup h6{color:var(--color-text-light);font-size:0.85em}.markup blockquote,.markup details,.markup dl,.markup ol,.markup p,.markup pre,.markup table,.markup ul{margin-top:0;margin-bottom:16px}.markup hr{background-color:var(--color-secondary);border:0;height:4px;margin:16px 0;padding:0}.markup ol,.markup ul{padding-left:2em}.markup ol ol,.markup ol ul,.markup ul ol,.markup ul ul{margin-top:0;margin-bottom:0}.markup ol ol,.markup ul ol{list-style-type:lower-roman}.markup li > p{margin-top:16px}.markup li + li{margin-top:0.25em}.markup dl{padding:0}.markup dl dt{font-size:1em;font-style:italic;font-weight:600;margin-top:16px;padding:0}.markup dl dd{margin-bottom:16px;padding:0 16px}.markup blockquote{color:var(--color-text-light);border-left:4px solid var(--color-secondary);margin-left:0;padding:0 15px}.markup blockquote > :first-child{margin-top:0}.markup blockquote > :last-child{margin-bottom:0}.markup table{width:max-content;max-width:100%;display:block;overflow:auto}.markup table th{font-weight:600}.markup table td,.markup table th{border:1px solid var(--color-secondary) !important;padding:6px 13px !important}.markup table tr{border-top:1px solid var(--color-secondary)}.markup table tr:nth-child(2n){background-color:var(--color-secondary)}.markup img,.markup video{box-sizing:initial;max-width:100%}.markup img[align="right"],.markup video[align="right"]{padding-left:20px}.markup img[align="left"],.markup video[align="left"]{padding-right:28px}.markup code{white-space:break-spaces;background-color:var(--color-secondary);border-radius:4px;margin:0;padding:0.2em 0.4em;font-size:85%}.markup code br{display:none}.markup pre{background-color:var(--color-secondary);border-radius:4px;padding:16px;font-size:85%;line-height:1.45;margin-bottom:16px;word-break:normal;word-wrap:normal}.markup pre code{white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;background:0 0;line-height:inherit;word-wrap:normal;border:0;padding:0;margin:0;display:inline;font-size:100%}.markup pre code:after,.markup pre code:before{content:normal}.markup .ui.list .list,.markup ol.ui.list ol,.markup ul.ui.list ul{padding-left:2em}@media (max-width: 600px){td:nth-child(1){width:auto}td:nth-child(2),th:nth-child(2){display:none}h1 a{margin:0}#filter{max-width:100px}}@media (prefers-color-scheme: dark){*{--color-secondary:#082437;--color-text-light:rgb(139, 157, 169)}body{background-color:#101010;color:#dddddd}header{background-color:#151515}#list tbody tr:hover{background-color:#252525}#list th a,header h1 a{color:#dddddd}a{color:#5796d1;text-decoration:none}a:hover,h1 a:hover{color:#62b2fd}#list tr{border-bottom:1px dashed rgba(255, 255, 255, 0.12)}#filter{background-color:#151515;color:#ffffff;border:1px solid #212121}.meta{border-bottom:1px solid #212121}}
|
|
</style>
|
|
<!-- var NONE -->
|
|
<link rel="icon" type="image/x-icon" href="https://raw.githubusercontent.com/TirayaMusic/meta/main/dist/icon_circle.svg">
|
|
<!-- var t02_head2 -->
|
|
<title>
|
|
<!-- var NONE -->
|
|
Index of /path/to/somewhere
|
|
<!-- var t03_head3 -->
|
|
</title>
|
|
</head>
|
|
|
|
<!-- var t04_body1 -->
|
|
<body onload="initFilter()">
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="0" width="0" style="position:absolute"><defs><g id="folder" fill-rule="nonzero" fill="none"><path d="M285.22 37.55h-142.6L110.9 0H31.7C14.25 0 0 16.9 0 37.55v75.1h316.92V75.1c0-20.65-14.26-37.55-31.7-37.55z" fill="#FFA000"/><path d="M285.22 36H31.7C14.25 36 0 50.28 0 67.74v158.7c0 17.47 14.26 31.75 31.7 31.75h253.5c17.44 0 31.7-14.3 31.7-31.75V67.75c0-17.47-14.26-31.75-31.7-31.75z" fill="#FFCA28"/></g><g id="folder-shortcut" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="folder-shortcut-group" fill-rule="nonzero"><g id="folder-shortcut-shape"><path d="M285.225 37.549H142.612L110.921 0H31.69C14.262 0 0 16.897 0 37.549v75.097h316.917V75.097c0-20.651-14.262-37.548-31.692-37.548Z" id="Shape" fill="#FFA000"/><path d="M285.225 36H31.692C14.262 36 0 50.284 0 67.742v158.71c0 17.457 14.261 31.741 31.692 31.741h253.533c17.43 0 31.692-14.284 31.692-31.742V67.741c0-17.457-14.262-31.741-31.692-31.741Z" id="Shape" fill="#FFCA28"/></g><path d="M126.154 250.56c.697 1.324 1.147 2.446 1.619 3.546.696 1.1 1.146 1.998 1.865 2.896.922 1.325 2.09 1.998 3.462 1.998 1.394 0 2.315-.449 3.012-1.324.697-.674 1.147-1.774 1.147-3.098 0-.674 0-1.774-.225-3.12-.247-1.55-.472-2.425-.472-2.874-.472-5.77-.697-10.664-.697-15.31 0-8.217.922-15.76 2.315-22.427 1.619-6.645 3.71-12.212 6.25-17.084 2.787-4.894 6.248-8.89 10.407-12.436 4.159-3.547 8.79-6.443 13.645-8.666 4.855-2.222 10.632-3.996 17.106-5.32 6.474-1.123 13.172-1.998 19.894-2.672 6.698-.449 14.116-.673 22.68-.673h17.894v31.518c0 2.223.696 3.996 2.315 5.545 1.843 1.55 3.709 2.447 6.002 2.447 2.09 0 4.158-.898 5.8-2.447l65.93-63.261c1.618-1.549 2.54-3.322 2.54-5.545 0-2.222-.922-3.996-2.54-5.545l-65.93-63.261c-1.62-1.549-3.71-2.447-5.778-2.447-2.315 0-4.158.898-6.002 2.447-1.618 1.549-2.315 3.322-2.315 5.545v31.518h-17.915c-61.3 0-98.997 16.657-112.889 49.95-4.608 11.089-6.923 24.85-6.923 41.283 0 13.537 5.552 32.17 16.41 55.696.247.673.696 1.571 1.393 3.12Z" id="Shape" fill="#FFF" transform="matrix(-1 0 0 1 436.993 0)"/></g></g><g id="file" stroke="#000" stroke-width="25" fill="#FFF" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M13 24.12v274.76c0 6.16 5.87 11.12 13.17 11.12H239c7.3 0 13.17-4.96 13.17-11.12V136.15S132.6 13 128.37 13H26.17C18.87 13 13 17.96 13 24.12z"/><path d="M129.37 13 129 113.9c0 10.58 7.26 19.1 16.27 19.1H249L129.37 13z"/></g><g id="file-shortcut" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="file-shortcut-group" transform="translate(13 13)"><g id="file-shortcut-shape" stroke="#000" stroke-width="25" fill="#FFF" stroke-linecap="round" stroke-linejoin="round"><path d="M0 11.121v274.757C0 292.04 5.875 297 13.173 297h212.825c7.298 0 13.173-4.96 13.173-11.122V123.145S119.585 0 115.369 0H13.173C5.875 0 0 4.96 0 11.121Z" id="rect1171"/><path d="M116.37 0 116 100.905c0 10.579 7.258 19.095 16.273 19.095H236L116.37 0h0Z" id="rect1794"/></g><path d="M47.803 294.094c.697 1.084 1.147 2.002 1.619 2.902.696.9 1.146 1.635 1.865 2.37.922 1.083 2.09 1.634 3.462 1.634 1.394 0 2.315-.367 3.012-1.084.697-.55 1.147-1.45 1.147-2.534 0-.551 0-1.451-.225-2.553-.247-1.268-.472-1.984-.472-2.351-.472-4.72-.697-8.725-.697-12.527 0-6.722.922-12.894 2.315-18.349 1.619-5.437 3.71-9.992 6.25-13.978 2.787-4.004 6.248-7.273 10.407-10.175 4.159-2.902 8.79-5.271 13.645-7.09 4.855-1.818 10.632-3.27 17.106-4.353 6.474-.918 13.172-1.635 19.894-2.186 6.698-.367 14.116-.55 22.68-.55h17.894v25.787c0 1.819.696 3.27 2.315 4.537 1.843 1.267 3.709 2.002 6.002 2.002 2.09 0 4.158-.735 5.8-2.002l65.93-51.76c1.618-1.267 2.54-2.718 2.54-4.536 0-1.818-.922-3.27-2.54-4.537l-65.93-51.759a9.519 9.519 0 0 0-5.778-2.002c-2.315 0-4.158.735-6.002 2.002-1.618 1.267-2.315 2.718-2.315 4.537v25.788h-17.915c-61.3 0-98.997 13.628-112.889 40.867C32.315 221.267 30 232.527 30 245.97c0 11.076 5.552 26.32 16.41 45.57.247.55.696 1.286 1.393 2.553Z" id="Shape-Copy" fill="#000" fill-rule="nonzero" transform="matrix(-1 0 0 1 280.291 0)"/></g></g></defs></svg>
|
|
|
|
<!-- var t05_body2 -->
|
|
<header>
|
|
<!-- var NONE -->
|
|
<img src="https://raw.githubusercontent.com/TirayaMusic/meta/main/dist/icon_circle.svg" alt="" height="32">
|
|
<h1>/path/to/somewhere</h1>
|
|
<!-- var t05_body3 -->
|
|
</header>
|
|
|
|
<!-- var t06_list1 -->
|
|
<main>
|
|
<div class="meta">
|
|
<div id="summary">
|
|
<span class="meta-item"><b>
|
|
<!-- var NONE -->
|
|
13
|
|
<!-- var t06_list2 -->
|
|
</b> directories</span>
|
|
<span class="meta-item"><b>
|
|
<!-- var NONE -->
|
|
5
|
|
<!-- var t06_list3 -->
|
|
</b> files</span>
|
|
<span class="meta-item"><input type="text" placeholder="filter" id="filter" onkeyup="filter()"/></span>
|
|
</div>
|
|
</div>
|
|
<div class="listing">
|
|
<table id="list" aria-describedby="summary">
|
|
<thead>
|
|
<tr>
|
|
<th><a href="?C=N&O=A">Name</a> <a href="?C=N&O=D"> ↓ </a></th>
|
|
<th><a href="?C=S&O=A">Size</a> <a href="?C=S&O=D"> ↓ </a></th>
|
|
<th><a href="?C=M&O=A">Modified</a> <a href="?C=M&O=D"> ↓ </a></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<!-- var t_parentdir_entry -->
|
|
<tr>
|
|
<td><a href="../?C=N&O=A"><span class="goup">Parent directory</span></a></td>
|
|
<td>—</td>
|
|
<td>—</td>
|
|
</tr>
|
|
|
|
<!-- var NONE -->
|
|
<tr class="file">
|
|
<td>
|
|
<a href="">
|
|
<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 317 259"><use xlink:href="#folder"></use></svg>
|
|
<span class="name">test folder/</span>
|
|
</a>
|
|
</td>
|
|
<td>—</td>
|
|
<td>date</td>
|
|
</tr>
|
|
<tr class="file">
|
|
<td>
|
|
<a href="">
|
|
<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 317 259"><use xlink:href="#file"></use></svg>
|
|
<span class="name">test file 1</span>
|
|
</a>
|
|
</td>
|
|
<td><span title="12147 B">1.2 KiB</span></td>
|
|
<td>date</td>
|
|
</tr>
|
|
<tr class="file">
|
|
<td>
|
|
<a href="">
|
|
<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 317 259">
|
|
<use xlink:href="#file-shortcut"></use>
|
|
</svg>
|
|
<span class="name">test file 2</span>
|
|
</a>
|
|
</td>
|
|
<td>—</td>
|
|
<td>date</td>
|
|
</tr>
|
|
<tr class="file">
|
|
<td>
|
|
<a href="">
|
|
<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 317 259">
|
|
<use xlink:href="#file"></use>
|
|
</svg>
|
|
<span class="name">test file 3</span>
|
|
</a>
|
|
</td>
|
|
<td>—</td>
|
|
<td>date</td>
|
|
</tr>
|
|
<!-- var t07_list2 -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- var NONE -->
|
|
<footer class="markup"><h1>Markdown: Syntax</h1>
|
|
<h2>Overview</h2>
|
|
<h3>Philosophy</h3>
|
|
<p>Markdown is intended to be as easy-to-read and easy-to-write as is feasible.</p>
|
|
<p>Readability, however, is emphasized above all else. A Markdown-formatted
|
|
document should be publishable as-is, as plain text, without looking
|
|
like it's been marked up with tags or formatting instructions. While
|
|
Markdown's syntax has been influenced by several existing text-to-HTML
|
|
filters -- including <a href="http://docutils.sourceforge.net/mirror/setext.html">Setext</a>, <a href="http://www.aaronsw.com/2002/atx/">atx</a>, <a href="http://textism.com/tools/textile/">Textile</a>, <a href="http://docutils.sourceforge.net/rst.html">reStructuredText</a>,
|
|
<a href="http://www.triptico.com/software/grutatxt.html">Grutatext</a>, and <a href="http://ettext.taint.org/doc/">EtText</a> -- the single biggest source of
|
|
inspiration for Markdown's syntax is the format of plain text email.</p>
|
|
<h2>Block Elements</h2>
|
|
<h3>Paragraphs and Line Breaks</h3>
|
|
<p>A paragraph is simply one or more consecutive lines of text, separated
|
|
by one or more blank lines. (A blank line is any line that looks like a
|
|
blank line -- a line containing nothing but spaces or tabs is considered
|
|
blank.) Normal paragraphs should not be indented with spaces or tabs.</p>
|
|
<p>The implication of the "one or more consecutive lines of text" rule is
|
|
that Markdown supports "hard-wrapped" text paragraphs. This differs
|
|
significantly from most other text-to-HTML formatters (including Movable
|
|
Type's "Convert Line Breaks" option) which translate every line break
|
|
character in a paragraph into a <code><br /></code> tag.</p>
|
|
<p>When you <em>do</em> want to insert a <code><br /></code> break tag using Markdown, you
|
|
end a line with two or more spaces, then type return.</p>
|
|
<h3>Headers</h3>
|
|
<p>Markdown supports two styles of headers, [Setext] [1] and [atx] [2].</p>
|
|
<p>Optionally, you may "close" atx-style headers. This is purely
|
|
cosmetic -- you can use this if you think it looks better. The
|
|
closing hashes don't even need to match the number of hashes
|
|
used to open the header. (The number of opening hashes
|
|
determines the header level.)</p>
|
|
<h3>Blockquotes</h3>
|
|
<p>Markdown uses email-style <code>></code> characters for blockquoting. If you're
|
|
familiar with quoting passages of text in an email message, then you
|
|
know how to create a blockquote in Markdown. It looks best if you hard
|
|
wrap the text and put a <code>></code> before every line:</p>
|
|
<blockquote>
|
|
<p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
|
|
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
|
|
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p>
|
|
<p>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
|
|
id sem consectetuer libero luctus adipiscing.</p>
|
|
</blockquote>
|
|
<p>Markdown allows you to be lazy and only put the <code>></code> before the first
|
|
line of a hard-wrapped paragraph:</p>
|
|
<blockquote>
|
|
<p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
|
|
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
|
|
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p>
|
|
</blockquote>
|
|
<blockquote>
|
|
<p>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
|
|
id sem consectetuer libero luctus adipiscing.</p>
|
|
</blockquote>
|
|
<p>Blockquotes can be nested (i.e. a blockquote-in-a-blockquote) by
|
|
adding additional levels of <code>></code>:</p>
|
|
<blockquote>
|
|
<p>This is the first level of quoting.</p>
|
|
<blockquote>
|
|
<p>This is nested blockquote.</p>
|
|
</blockquote>
|
|
<p>Back to the first level.</p>
|
|
</blockquote>
|
|
<p>Blockquotes can contain other Markdown elements, including headers, lists,
|
|
and code blocks:</p>
|
|
<blockquote>
|
|
<h2>This is a header.</h2>
|
|
<ol>
|
|
<li>This is the first list item.</li>
|
|
<li>This is the second list item.</li>
|
|
</ol>
|
|
<p>Here's some example code:</p>
|
|
<pre><code>return shell_exec("echo $input | $markdown_script");
|
|
</code></pre>
|
|
</blockquote>
|
|
<p>Any decent text editor should make email-style quoting easy. For
|
|
example, with BBEdit, you can make a selection and choose Increase
|
|
Quote Level from the Text menu.</p>
|
|
<h3>Lists</h3>
|
|
<p>Markdown supports ordered (numbered) and unordered (bulleted) lists.</p>
|
|
<p>Unordered lists use asterisks, pluses, and hyphens -- interchangably
|
|
-- as list markers:</p>
|
|
<ul>
|
|
<li>Red</li>
|
|
<li>Green</li>
|
|
<li>Blue</li>
|
|
</ul>
|
|
<p>is equivalent to:</p>
|
|
<ul>
|
|
<li>Red</li>
|
|
<li>Green</li>
|
|
<li>Blue</li>
|
|
</ul>
|
|
<p>and:</p>
|
|
<ul>
|
|
<li>Red</li>
|
|
<li>Green</li>
|
|
<li>Blue</li>
|
|
</ul>
|
|
<p>Ordered lists use numbers followed by periods:</p>
|
|
<ol>
|
|
<li>Bird</li>
|
|
<li>McHale</li>
|
|
<li>Parish</li>
|
|
</ol>
|
|
<p>It's important to note that the actual numbers you use to mark the
|
|
list have no effect on the HTML output Markdown produces. The HTML
|
|
Markdown produces from the above list is:</p>
|
|
<p>If you instead wrote the list in Markdown like this:</p>
|
|
<ol>
|
|
<li>Bird</li>
|
|
<li>McHale</li>
|
|
<li>Parish</li>
|
|
</ol>
|
|
<p>or even:</p>
|
|
<ol start="3">
|
|
<li>Bird</li>
|
|
<li>McHale</li>
|
|
<li>Parish</li>
|
|
</ol>
|
|
<p>you'd get the exact same HTML output. The point is, if you want to,
|
|
you can use ordinal numbers in your ordered Markdown lists, so that
|
|
the numbers in your source match the numbers in your published HTML.
|
|
But if you want to be lazy, you don't have to.</p>
|
|
<p>To make lists look nice, you can wrap items with hanging indents:</p>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
|
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
|
|
viverra nec, fringilla in, laoreet vitae, risus.</li>
|
|
<li>Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
|
|
Suspendisse id sem consectetuer libero luctus adipiscing.</li>
|
|
</ul>
|
|
<p>But if you want to be lazy, you don't have to:</p>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
|
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
|
|
viverra nec, fringilla in, laoreet vitae, risus.</li>
|
|
<li>Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
|
|
Suspendisse id sem consectetuer libero luctus adipiscing.</li>
|
|
</ul>
|
|
<p>List items may consist of multiple paragraphs. Each subsequent
|
|
paragraph in a list item must be indented by either 4 spaces
|
|
or one tab:</p>
|
|
<ol>
|
|
<li><p>This is a list item with two paragraphs. Lorem ipsum dolor
|
|
sit amet, consectetuer adipiscing elit. Aliquam hendrerit
|
|
mi posuere lectus.</p>
|
|
<p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet
|
|
vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
|
|
sit amet velit.</p>
|
|
</li>
|
|
<li><p>Suspendisse id sem consectetuer libero luctus adipiscing.</p>
|
|
</li>
|
|
</ol>
|
|
<p>It looks nice if you indent every line of the subsequent
|
|
paragraphs, but here again, Markdown will allow you to be
|
|
lazy:</p>
|
|
<ul>
|
|
<li><p>This is a list item with two paragraphs.</p>
|
|
<p>This is the second paragraph in the list item. You're
|
|
only required to indent the first line. Lorem ipsum dolor
|
|
sit amet, consectetuer adipiscing elit.</p>
|
|
</li>
|
|
<li><p>Another item in the same list.</p>
|
|
</li>
|
|
</ul>
|
|
<p>To put a blockquote within a list item, the blockquote's <code>></code>
|
|
delimiters need to be indented:</p>
|
|
<ul>
|
|
<li><p>A list item with a blockquote:</p>
|
|
<blockquote>
|
|
<p>This is a blockquote
|
|
inside a list item.</p>
|
|
</blockquote>
|
|
</li>
|
|
</ul>
|
|
<p>To put a code block within a list item, the code block needs
|
|
to be indented <em>twice</em> -- 8 spaces or two tabs:</p>
|
|
<ul>
|
|
<li><p>A list item with a code block:</p>
|
|
<pre><code><code goes here>
|
|
</code></pre>
|
|
</li>
|
|
</ul>
|
|
<h3>Code Blocks</h3>
|
|
<p>Pre-formatted code blocks are used for writing about programming or
|
|
markup source code. Rather than forming normal paragraphs, the lines
|
|
of a code block are interpreted literally. Markdown wraps a code block
|
|
in both <code><pre></code> and <code><code></code> tags.</p>
|
|
<p>To produce a code block in Markdown, simply indent every line of the
|
|
block by at least 4 spaces or 1 tab.</p>
|
|
<p>This is a normal paragraph:</p>
|
|
<pre><code>This is a code block.
|
|
</code></pre>
|
|
<p>Here is an example of AppleScript:</p>
|
|
<pre><code>tell application "Foo"
|
|
beep
|
|
end tell
|
|
</code></pre>
|
|
<p>A code block continues until it reaches a line that is not indented
|
|
(or the end of the article).</p>
|
|
<p>Within a code block, ampersands (<code>&</code>) and angle brackets (<code><</code> and <code>></code>)
|
|
are automatically converted into HTML entities. This makes it very
|
|
easy to include example HTML source code using Markdown -- just paste
|
|
it and indent it, and Markdown will handle the hassle of encoding the
|
|
ampersands and angle brackets. For example, this:</p>
|
|
<pre><code><div class="footer">
|
|
&copy; 2004 Foo Corporation
|
|
</div>
|
|
</code></pre>
|
|
<p>Regular Markdown syntax is not processed within code blocks. E.g.,
|
|
asterisks are just literal asterisks within a code block. This means
|
|
it's also easy to use Markdown to write about Markdown's own syntax.</p>
|
|
<pre><code>tell application "Foo"
|
|
beep
|
|
end tell
|
|
</code></pre>
|
|
<h2>Span Elements</h2>
|
|
<h3>Links</h3>
|
|
<p>Markdown supports two style of links: <em>inline</em> and <em>reference</em>.</p>
|
|
<p>In both styles, the link text is delimited by [square brackets].</p>
|
|
<p>To create an inline link, use a set of regular parentheses immediately
|
|
after the link text's closing square bracket. Inside the parentheses,
|
|
put the URL where you want the link to point, along with an <em>optional</em>
|
|
title for the link, surrounded in quotes. For example:</p>
|
|
<p>This is <a href="http://example.com/">an example</a> inline link.</p>
|
|
<p><a href="http://example.net/">This link</a> has no title attribute.</p>
|
|
<h3>Emphasis</h3>
|
|
<p>Markdown treats asterisks (<code>*</code>) and underscores (<code>_</code>) as indicators of
|
|
emphasis. Text wrapped with one <code>*</code> or <code>_</code> will be wrapped with an
|
|
HTML <code><em></code> tag; double <code>*</code>'s or <code>_</code>'s will be wrapped with an HTML
|
|
<code><strong></code> tag. E.g., this input:</p>
|
|
<p><em>single asterisks</em></p>
|
|
<p><em>single underscores</em></p>
|
|
<p><strong>double asterisks</strong></p>
|
|
<p><strong>double underscores</strong></p>
|
|
<h3>Code</h3>
|
|
<p>To indicate a span of code, wrap it with backtick quotes (<code>`</code>).
|
|
Unlike a pre-formatted code block, a code span indicates code within a
|
|
normal paragraph. For example:</p>
|
|
<p>Use the <code>printf()</code> function.</p>
|
|
<h3>Table</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Item</th>
|
|
<th>Price</th>
|
|
<th># In stock</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Juicy Apples</td>
|
|
<td>1.99</td>
|
|
<td><em>7</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Bananas</td>
|
|
<td><strong>1.89</strong></td>
|
|
<td>5234</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tomatoes</td>
|
|
<td><strong>1.89</strong></td>
|
|
<td>5234</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</footer>
|
|
<footer>
|
|
<pre>
|
|
Folder with several child directories
|
|
|
|
├── c2
|
|
│ └── c3
|
|
│ └── empty-file.txt
|
|
├── empty-file.txt
|
|
└── README.txt
|
|
</pre>
|
|
|
|
</footer>
|
|
<!-- var t08_foot -->
|
|
<script>
|
|
|
|
// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt MIT
|
|
|
|
var filterEl=document.getElementById("filter");function initFilter(){if(!filterEl.value){var filterParam=new URL(window.location.href).searchParams.get("filter");if(filterParam){filterEl.value=filterParam}}filter()}function filter(){var q=filterEl.value.trim().toLowerCase();var elems=document.querySelectorAll("tr.file");elems.forEach(function(el){if(!q){el.style.display="";return}var nameEl=el.querySelector("td");var nameVal=nameEl.textContent.trim().toLowerCase();if(nameVal.indexOf(q)!==-1){el.style.display=""}else{el.style.display="none"}})}
|
|
|
|
// @license-end
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|