Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

beautiful websites using Emacs's org mode [closed]

Are there any beautiful websites published using Emacs' org mode? I followed the online tutorial, but the generated websites are too ugly. Are there any existing beautiful org templates (with nice css sheets)?

like image 206
bobzhang Avatar asked Aug 21 '12 09:08

bobzhang


People also ask

What is ORG mode good for?

Description. Org mode is routinely used to build and manage complex workflows. It does this using an elegantly simple syntax that scales from basic markup to full LaTeX typesetting and from plain text notes to literate programs. Everything you need to get started is demonstrated in the example.

How do I open .org mode?

Emacs does not actually understand you are editing an Org document, yet. To enable Org mode on your current document, type M-x org-mode which will enable the Org mode on the current document. Those are minuses, not underscores. MY PROJECT is the title of the document, this can be anything.


3 Answers

I create my class websites using org-mode. Example: http://cse3521.artifice.cc/

That site involves regular text, code, math, flash/image embeds, tables, etc.

Source code is available here: https://github.com/joshuaeckroth/cse3521-website

like image 195
Joshua Eckroth Avatar answered Oct 17 '22 23:10

Joshua Eckroth


There is http://msnyder.info which uses org-mode and I think is nicely styled. However, he also customizes the publishing system to get HTML5 output and better styling. Read more about that here.

like image 10
bnbeckwith Avatar answered Oct 18 '22 00:10

bnbeckwith


You could simply use the Solarized CSS which gives you appealing results including nice usability enhancement (like collapsable sections).

See http://thomasf.github.io/solarized-css/

To appy to any org-mode HTML export add the following lines in your .emacs:

 (setq org-export-html-style-include-scripts nil
       org-export-html-style-include-default nil)
 (setq org-export-html-style
   "<link rel=\"stylesheet\" type=\"text/css\" href=\"solarized-light.css\" />")
like image 9
StefanQ Avatar answered Oct 18 '22 01:10

StefanQ