1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204
|
<pre class="example">
some results without a block
</pre>
<figure>
<div class="src src-bash">
<div class="highlight">
<pre>
echo "a bash source block"
function hello {
echo Hello World!
}
hello
</pre>
</div>
</div>
<figcaption>
block caption
</figcaption>
</figure>
<div class="src src-text">
<div class="highlight">
<pre>
a source block with leading newline, trailing newline characters
and a line started
with leading space
and line leading tab.
</pre>
</div>
</div>
<div class="src src-text">
<div class="highlight">
<pre>
a source block without a language
</pre>
</div>
</div>
<div class="src src-bash">
<div class="highlight">
<pre>
echo a source block with results
</pre>
</div>
</div>
<pre class="example">
a source block with results
</pre>
<pre class="example">
a source block that only exports results
</pre>
<pre class="example">
but the result block is
</pre>
<pre class="example">
an example block with
multiple lines including
empty lines!
it also has multiple parameters
src, example & export blocks treat their content as raw text
/inline/ *markup* is ignored
and whitespace is honored and not removed
content of example blocks is still html escaped - see <script>alert("escaped")</script>
</pre>
<pre class="example">
examples like this
are also supported
note that /inline/ *markup* ignored
</pre>
<blockquote>
<p>Mongodb is <strong>webscale</strong>. (source: <a href="http://www.mongodb-is-web-scale.com/">mongodb-is-web-scale</a>)</p>
<p>
blocks like the quote block parse their content and can contain</p>
<ul>
<li>lists</li>
<li>inline <em>markup</em></li>
<li>
<p>tables</p>
<table>
<tbody>
<tr>
<td>foo</td>
</tr>
<tr>
<td>bar</td>
</tr>
<tr>
<td>baz</td>
</tr>
</tbody>
</table>
</li>
<li>paragraphs</li>
<li>…
whitespace is honored and not removed (but is not displayed because that's how html works by default)
it can be made visible using css (e.g. <code class="verbatim">white-space: pre</code>).</li>
</ul>
</blockquote>
<div class="src src-org">
<div class="highlight">
<pre>
#+BEGIN_SRC bash
echo src (with language org) and example blocks support escaping using commata
#+END_SRC
,* I am not a real headline - commata escape characters aren't renderered
</pre>
</div>
</div>
<pre class="example">
#+BEGIN_SRC bash
echo src (with language org) and example blocks support escaping using commata
#+END_SRC
,* I am not a real headline - commata escape characters aren't renderered
</pre>
<script>
console.log("Hello World!")
</script>
<ul>
<li>
<p>list item 1
blocks can contain unindented lines that would normally end a list item</p>
<pre class="example">
this line is not indented - if it was outside of a block the list item would end
</pre>
<blockquote>
<p>this line is not indented - if it was outside of a block the list item would end</p>
</blockquote>
<p>now we're outside the block again and the following unindented line will be outside of the list item</p>
</li>
</ul>
<p>this unindented line is outside of the list item</p>
<ul>
<li>
<p>list item 2</p>
<div class="src src-text">
<div class="highlight">
<pre>
#+BEGIN_EXAMPLE
</pre>
</div>
</div>
<p>#+END_EXAMPLE</p>
<blockquote>
<pre class="example">
#+END_QUOTE
</pre>
</blockquote>
</li>
<li>
<p>verse blocks</p>
<ul>
<li>
<p>emacs / ox-hugo rendering</p>
<p class="verse">
Great clouds overhead<br />
Tiny black birds rise and fall<br />
Snow covers Emacs<br />
<br />
---AlexSchroeder<br />
</p>
</li>
<li>
<p>go-org rendering</p>
<div class="src src-html">
<div class="highlight">
<pre>
<style>
.verse-block p { white-space: pre; }
.verse-block p + p { margin: 0; }
</style>
</pre>
</div>
</div>
<style>
.verse-block p { white-space: pre; }
.verse-block p + p { margin: 0; }
</style>
<div class="verse-block">
<p>Great clouds overhead
Tiny black birds rise and fall
Snow covers Emacs</p>
<p>
—AlexSchroeder</p>
</div>
</li>
</ul>
</li>
</ul>
<div class="src src-raku">
<div class="highlight">
<pre>
describe <a b c>;
</pre>
</div>
</div>
|