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.
78 lines
1.8 KiB
HTML
78 lines
1.8 KiB
HTML
<nav>
|
|
<ul>
|
|
<li><a href="#headline-1">Simple Headline <code class="statistic">[1/2]</code></a>
|
|
</li>
|
|
<li><a href="#headline-2">Headline with todo status & priority</a>
|
|
</li>
|
|
<li><a href="#this-will-be-the-id-of-the-headline">Headline with TODO status</a>
|
|
</li>
|
|
<li><a href="#headline-4">Headline with tags & priority</a>
|
|
</li>
|
|
<li><a href="#headline-5">headline with custom status</a>
|
|
</li>
|
|
<li><a href="#headline-6">excluded headline</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<h1 id="headline-1">
|
|
Simple Headline <code class="statistic">[1/2]</code>
|
|
</h1>
|
|
<ul>
|
|
<li class="checked">
|
|
<p>
|
|
checked
|
|
</p>
|
|
</li>
|
|
<li class="unchecked">
|
|
<p>
|
|
unchecked
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
note that statistic tokens are marked up anywhere
|
|
not just where they are actually meant to be - even here > <code class="statistic">[100%]</code> <
|
|
(Org mode proper does the same)
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
<h1 id="headline-2">
|
|
<span class="todo">TODO</span>
|
|
<span class="priority">[B]</span>
|
|
Headline with todo status & priority
|
|
</h1>
|
|
<h1 id="this-will-be-the-id-of-the-headline">
|
|
<span class="todo">DONE</span>
|
|
Headline with TODO status
|
|
</h1>
|
|
<p>
|
|
we can link to headlines that define a custom_id: <a href="#this-will-be-the-id-of-the-headline">#this-will-be-the-id-of-the-headline</a>
|
|
</p>
|
|
<h1 id="headline-4">
|
|
<span class="priority">[A]</span>
|
|
Headline with tags & priority   <span class="tags"><span>foo</span> <span>bar</span></span>
|
|
</h1>
|
|
<p>
|
|
Still outside the drawer
|
|
</p>
|
|
<p>
|
|
This is inside the drawer
|
|
</p>
|
|
<p>
|
|
Still outside the drawer
|
|
</p>
|
|
<h1 id="headline-5">
|
|
<span class="todo">CUSTOM</span>
|
|
headline with custom status
|
|
</h1>
|
|
<p>
|
|
it's possible to use <code class="verbatim">#+SETUPFILE</code> - in this case the setup file contains the following
|
|
</p>
|
|
<pre class="src src-org">
|
|
<div class="highlight">
|
|
<pre>
|
|
#+TODO: TODO DONE CUSTOM
|
|
#+EXCLUDE_TAGS: noexport custom_noexport
|
|
</pre>
|
|
</div>
|
|
</pre>
|