美丽的网站使用Emacs组织模式

时间:2012-08-21 09:34:10

标签: emacs responsive-design web org-mode

是否有使用Emacs的组织模式发布的漂亮网站?我按照在线教程,但生成的网站太难看了。是否有任何现有的美丽组织模板(有很好的CSS表)?

13 个答案:

答案 0 :(得分:27)

我使用org-mode创建我的班级网站。示例:http://cse3521.artifice.cc/

该网站涉及常规文本,代码,数学,flash /图像嵌入,表格等。

源代码可在此处获取:https://github.com/joshuaeckroth/cse3521-website

答案 1 :(得分:10)

http://msnyder.info使用org-mode,我认为它的风格很好。但是,他还定制了发布系统以获得HTML5输出和更好的样式。详细了解here

答案 2 :(得分:10)

您可以简单地使用Solarized CSS,它可以为您提供吸引人的结果,包括良好的可用性增强(如可折叠部分)。

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

要应用任何组织模式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\" />")

答案 3 :(得分:6)

我刚为模板创建了新的github存储库,以便使用org-mode + jekyll + twitter bootstrap。

查看http://github.com/cinsk/jekyll-org/的来源,并查看http://cinsk.github.com/jekyll-org/

中的示例

答案 4 :(得分:5)

我的网站不是从OrgMode生成的,而是来自Muse,你可以重复使用parts of my templates - 我在Andreas Viklund之前选择了一个免费设计。

答案 5 :(得分:5)

浏览官方组织模式页面列表网站:Web pages made with Org-Mode

答案 6 :(得分:5)

新鲜和新模板(我在邮件列表中找到了它):

https://github.com/fniessen/org-html-themes

答案 7 :(得分:4)

我使用org-mode + jekyll发布我的博客(blog.jenkster.com)。 '美丽'可能是一个延伸,但它是干净的&amp;清楚,以及我发现的最好的设置,包括我正在编写的代码片段。

答案 8 :(得分:3)

我在http://www.pirilampo.org/的网站全部来自组织模式(仅限它)。你也可以在那里找到CSS源代码(从Org Babel的一个Org文件中获取LP - LP = Literate Programming)。

答案 9 :(得分:2)

this page怎么样?它显示了如何设置组合Emacs组织模式&amp; Jekyll为了发布静态网站或博客---这是www.gorgnegre.com使用的内容。希望它有所帮助。

答案 10 :(得分:1)

我刚看过Hyde,一个由python&amp; amp ;;提供支持的静态网站生成器。 Django的。
http://ringce.com/hyde
设置起来非常简单和简约 我们可以使用我们喜欢的文本编辑器来编辑内容,因此可以使用组织模式。

然后我看到了那两个旨在联系更多org和hyde的项目,但从未尝试过: https://github.com/dustinlacewell/ghorg
https://github.com/punchagan/org-hyde

这对我来说非常有吸引力!

答案 11 :(得分:1)

这是由orgmode生成的我的网站http://sydi.org,但其语言不是英文而是中文。我认为天气一个网站是美丽的,适合你的眼睛与否,不取决于用于制作页面的工具,更重要的是,设计良好的css&amp; js那样做。

我使用orgmode生成html并通过elisp(orgmode hooks)修复原点。如果您需要任何帮助,我很高兴。

答案 12 :(得分:0)

签出http://renard.github.com/o-blog/ - 它不是严格使用org-mode,而是一个名为o-blog的组织模式加载项(以及该站点的主题)。我没有做过任何严肃的事情,但看起来很酷。它可以轻松地与twitter bootstrap集成,提供它提供的所有漂亮的东西。