org导出HTML时怎么设置导出样式？

Org-mode
1

我对html不太了解，用了这么久org，我一直都是用默认的html样式。 请问诸位道友，如果需要引用自定义的样式，我该怎么设置？

网上查了一下，好像具体的做法就是引入标签#+STYLE: 例如： #+STYLE: <link rel="stylesheet" type="text/css" href="http://files.cnblogs.com/csophys/orgstyle.css" />

  1. 据说style的源可以是本地的，也可以是网络上的。但是我用了网上的css，导出的html没有任何变化，依然是默认的样式。

  2. 我照着这篇博文拷贝了一个.css文件，放到和我的org文件同一目录下，然后在org文件开头加入这句话： #+STYLE: <link rel="stylesheet" type="text/css" href="./orgstyle.css" /> 然而导出的html依然是默认的样式。

谢谢大家！

1 个赞
2

试试这个

#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="orgstyle.css"/>
2 个赞
3

你的方法可以，原来要用 #+HTML_HEAD ！

我还尝试过org-html-themes: https://github.com/fniessen/org-html-themes， 《Master Emacs in 21 Days》好像用的就是它的 ReadTheOrg 样式。

readme里介绍说可以把下列内容放到org文件头： # -- mode: org; --

#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/htmlize.css"/>
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css"/>

#+HTML_HEAD: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
#+HTML_HEAD: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.js"></script>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js"></script>

我照做了，可是并没有任何效果，请问我是不是哪里有做错的？

4

我clone了一份Spacemacs-rocks。 上面的问题也许是网络的问题，把样式放在本地应该就可以了

5

这个在 setq org-publish-project-alist 里怎么设置呢?

6

在 org-publish-project-alist 中增加

:style "<link rel='stylesheet' type='text/css' href='css/style.css' />"
7

我按这种方法写了, 在导出 html 的时候 css 还是不起作用.