使用Emacs的org mode创建美观的网站

Question

有没有使用Emacs的org模式发布的漂亮网站？我跟随在线教程，但生成的网站太丑了。是否存在现有的漂亮的org模板（带有好看的CSS样式）？

- bobzhang

---

http://orgmode.org 是使用Org发布的。但我猜它并不被认为是“美丽”的。 - bzg

这个链接符合要求吗？ - suvayu

@bzg 还不错。但我在哪里可以阅读这个 .org 文件呢？谢谢。 - bobzhang

git clone git://orgmode.org/orgweb.git请执行以上命令以克隆 orgweb 代码库。 - bzg

Answer 1

我使用org-mode创建我的课程网站。例如：http://cse3521.artifice.cc/

该网站包含常规文本、代码、数学公式、flash/图像嵌入、表格等内容。

源代码可在此处找到：https://github.com/joshuaeckroth/cse3521-website

- Joshua Eckroth

---

非常好的网站材料 - 但如果我没有弄错，主文件（index.org）未包含在github存储库中。我想看看它是如何完成的！ - Marco

index.html是手动创建的。我想决定主题列表的布局、缩进等。 - Joshua Eckroth

太好了。我正在使用这个模板来完成我的课程作业。谢谢。 - Mohamad Elmasri

同样的感谢，你提供了这个！ - Vultan

Answer 2

有一个使用org-mode并且风格不错的网站是http://msnyder.info。然而，他还自定义了发布系统以获取HTML5输出和更好的样式。关于这个可以在这里阅读更多内容。

- bnbeckwith

---

@JimGarrison 看起来已经重新上线了 :) - AdrieanKhisbe

Answer 3

您可以简单地使用Solarized CSS，它可以为您提供令人满意的结果，包括不错的可用性增强（如可折叠部分）。

请参见http://thomasf.github.io/solarized-css/。

要应用于任何org-mode HTML导出，请在您的.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\" />")

- StefanQ

Answer 4

新鲜的模板（我在邮件列表中找到的）： https://github.com/fniessen/org-html-themes

- Dror

Answer 5

我刚刚创建了一个新的Github存储库，用于使用org-mode + jekyll + twitter bootstrap的模板。

查看http://github.com/cinsk/jekyll-org/获取源代码，并在http://cinsk.github.com/jekyll-org/中查看示例。

- cinsk

Answer 6

我的网站不是由OrgMode生成，而是由Muse生成的，你可以重复使用我的模板的部分 - 我采用了Andreas Viklund提供的免费设计之一。

- Alex Ott

---

这个回答并没有解决所提出的问题。 - tremoloqui

如果你不知道，Muse和Org-mode非常相似，这就是我指向我的网站的原因。 - Alex Ott

Answer 7

请浏览官方org-mode页面以查看网站列表：使用Org-Mode制作的Web页面

- Kedar.Aitawdekar

Answer 8

我使用org-mode+jekyll来发布我的博客 (blog.jenkster.com)。虽然称其为“美丽”可能有些牵强，但它是一个干净清晰的设置，并且是我在写作中发现的最好的包含代码片段的设置。

- Kris Jenkins

Answer 9

我的网站位于http://www.pirilampo.org/，全部由Org模式制作而成（仅此而已）。您也可以在那里找到CSS源代码（通过Org Babel从Org文件中提取 -- LP = Literate Programming）。

- fniessen

Answer 10

这个页面怎么样？它展示了如何设置Emacs Org-mode和Jekyll组合以发布静态网站或博客 --- 这是在www.gorgnegre.com上使用的。希望对您有所帮助。

- gorgnegre