37d33c1206
Org mode exports source blocks with the language as a css-class of the exported source block - it's easy enough to do the same.
144 lines
2 KiB
HTML
144 lines
2 KiB
HTML
<figure>
|
|
<pre class="src src-bash">
|
|
<div class="highlight">
|
|
<pre>
|
|
echo "a bash source block"
|
|
|
|
function hello {
|
|
echo Hello World!
|
|
}
|
|
|
|
hello
|
|
</pre>
|
|
</div>
|
|
</pre>
|
|
<figcaption>
|
|
block caption
|
|
</figcaption>
|
|
</figure>
|
|
<pre class="src src-text">
|
|
<div class="highlight">
|
|
<pre>
|
|
a source block without a language
|
|
</pre>
|
|
</div>
|
|
</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
|
|
</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>
|
|
<p>
|
|
lists
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
inline <em>markup</em>
|
|
</p>
|
|
</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>
|
|
<p>
|
|
paragraphs
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
…
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
<p>
|
|
also whitespace is not significant
|
|
and superfluous whitespace (at the beginning of the line) is removed
|
|
</p>
|
|
</blockquote>
|
|
<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>
|
|
<pre class="src src-text">
|
|
<div class="highlight">
|
|
<pre>
|
|
#+BEGIN_EXAMPLE
|
|
</pre>
|
|
</div>
|
|
</pre>
|
|
<p>
|
|
#+END_EXAMPLE
|
|
</p>
|
|
<p>
|
|
#+BEGIN_QUOTE
|
|
</p>
|
|
<pre class="example">
|
|
#+END_QUOTE
|
|
</pre>
|
|
</li>
|
|
</ul>
|