有没有办法让org-mode导出的html页面漂亮一点?

默认的导出页面太丑了,怎样可以美化呢,比如像github上的org-mode样式。是不是需要自定义css和js,有没有有经验的道友分享一下。

1赞
2赞

我也是网上拿来主义,效果这个网页:https://gongzhitaao.org/orgcss/

最前面加上下面这个,可以考虑用 yasnippet 或 autoinsert 来插入:

#+TITLE: 学习 org-mode
#+OPTIONS: toc:nil num:3 H:4 ^:nil pri:t
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://gongzhitaao.org/orgcss/org.css"/>

我的 yasnippet

# -*- mode: snippet -*-
# name: css for html export
# key: css
# --
#+TITLE: ${1:`(file-name-base buffer-file-name)`}
#+OPTIONS: toc:nil num:3 H:4 ^:nil pri:t
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://gongzhitaao.org/orgcss/org.css"/>

$0
10赞

感谢,正是我想要的,简洁美观!

谢谢,很不错的主题!

之前写过一个PR 可以参照里面的code

用的是bootstrap的样式

我在 org-mode 配置里设了个 hook 可以嵌入我指定的 CSS

1赞

https://loomcom.com/blog/0110_emacs_blogging_for_fun_and_profit.html

这里的CSS用起来也不错

1赞

emmm,看着不错,不过怎么获取css呢?

打开 Chrome 或者其他浏览器里面的 Developer tools 下载这俩CSS文件

这里还有些

1赞