CSS for Org-exported HTML (By Eli)

2024-02-29 2024-09-22history

1. Markups
2. Lists
3. Images
4. Math
5. Heading with tags tag1 tag2
6. H1
- 6.1. H2
  - 6.1.1. H3
7. Table
8. Blocks

Please find the original post here.

1. Markups¹

bold italic underline verbatim code ~~strike-through~~ C-h h

2. Lists

2.1. Todo List

2.1.1. TODO First todo

2.1.2. DONE First Done with Date

2.1.3. Scheduled

2.1.4. Deadline

2.1.5. Date

<2021-02-18 Thu>

2.2. Simple list

List item
List item
List item

2.3. Sorted List

List item
List item
List item

2.4. Checkbox²

List item
List item
List item

2.5. Definition list

Lorem ipsum: dolor sit amet, consectetur adipiscing elit. Mauris laoreet sollicitudin venenatis. Duis sed consequat dolor.
Etiam feugiat: pharetra sapien et semper. Nunc ornare lacus sit amet massa auctor, vitae aliquam eros interdum. Mauris arcu ante, imperdiet vel purus ac, bibendum faucibus diam. Ut blandit nec mi at ultricies. Donec eget mattis nisl. In sed nibh felis. Cras quis convallis orci.

3. Images

Figure 1: org-mode

Figure 2: org-mode-2

4. Math

\begin{align} \mathcal{F}(a) &= \frac{1}{2\pi i}\oint_\gamma \frac{f(z)}{z - a}\,dz\\ \int_D (\nabla\cdot \mathcal{F})\,dV &=\int_{\partial D}\mathcal{F}\cdot n\, dS \end{align}

5. Heading with tags tag1 tag2

6. H1

H1 Text

6.1. H2

H2 Text

6.1.1. H3

H3 Text

7. Table

Table 1: test
a	b	c	d	e	f
0	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

8. Blocks

8.1. Center

This is a center block. This is a center block. This is a center block. This is a center block. This is a center block. This is a center block.

8.2. Comment

Comment blocks are not exported.

8.3. Example

This is an example block

8.4. Quote

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

—Aldous Huxley, Brave New World

8.5. Verse

Let me not to the marriage of true minds
Admit impediments. Love is not love
Which alters when it alteration finds,
Or bends with the remover to remove:

O, no! it is an ever-fix`ed mark,
That looks on tempests and is never shaken;
It is the star to every wand’ring bark,
Whose worth’s unknown, although his heighth be taken.

Love’s not Time’s fool, though rosy lips and cheeks
Within his bending sickle’s compass come;
Love alters not with his brief hours and weeks,
But bears it out even to the edge of doom:

If this be error and upon me proved,
I never writ, nor no man ever loved.x

8.6. Source Blocks

8.6.1. Elisp

(message "This is a test.")
(when x (1+ x))
(symbol-name 'symbol)

8.6.2. Python

import numpy as np
x = [1, 2, 3]
for num in x:
    print(np.sin(x))
else:
    print("done!")

8.6.3. Bash

export HOMEDIR=/home/abc
if [0 -ne 1]; then echo "good"; fi

Footnotes:

org-code and org-verbatim are the same when exporting.

Only the ascii characters implement tri-state checkboxes. See org-html-checkbox-types for details.