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

Emacs-general
1

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

2 个赞
2
2 个赞
3

我也是网上拿来主义，效果这个网页：CSS for Org-exported HTML

最前面加上下面这个，可以考虑用 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
13 个赞
4

感谢，正是我想要的，简洁美观！

5

谢谢，很不错的主题！

6

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

用的是bootstrap的样式

7

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

2 个赞
8

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

这里的CSS用起来也不错

1 个赞
9

emmm，看着不错，不过怎么获取css呢？

10

QQ20190801-120311%402x
QQ20190801-120311%402x2872×1486 720 KB

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

11

这里还有些

1 个赞