3

我想bgcolor通过markdown设置页面。

<body bgcolor="#336655">除了在.md文件中明确包含之外,还有其他方法吗?特别是,这似乎实施不正确。例如以下最小文件:

% Page Title

<body bgcolor="#336655">

## Some Body

生成以下 HTML 文件(通过pandoc -s -o test.html test.md

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta name="generator" content="pandoc" />
  <title>Page Title</title>
  <style type="text/css">code{white-space: pre;}</style>
</head>
<body>
<div id="header">
<h1 class="title">Page Title</h1>
</div>
<body bgcolor="#336655">
<h2 id="some-body">Some Body</h2>
</body>
</html>

特别是,<body>我包含的标签没有<body>按照我的意图覆盖生成的主标签(</body>在降价中关闭并不会改变这一点)。

<body>标签放在该行之前会% Page Title关闭将该行解释为页面标题 - 它只是格式化为% Page Title纯文本。

有没有办法控制markdown中的整体页面背景?

4

2 回答 2

5

您应该为此更改pandoc 模板并插入所需的 CSS。不要在 HTML 中做样式,现在已经不是 90 年代了……

$ pandoc -D html > template.html

编辑它以包括:

<style type="text/css">
  body {
    background-color: #336655;
  }
</style>

然后

$ pandoc -s --template template.html -o output.html input.md
于 2016-09-10T11:32:47.207 回答
1

multimarkdown中,您可以提供指向 CSS 文件的链接,以将 markdown 设置为 markdown 文件的一部分。

多降价

Title: A page with a defined style
CSS: myStyle.css

# Text Header #

Lorem ipsum dolor sit amet,

- consectetuer adipiscing elit.

- Aliquam turpis. Nullam lobortis cursus nulla.

- Vestibulum ante ipsum primis in faucibus orci luctus et

- ultrices posuere cubilia Curae; Cras facilisis rhoncus ante.

    - In ut neque. Maecenas iaculis tempor massa. Sed quam wisi,

    - volutpat in, commodo vitae, accumsan et, nisl.

- Donec magna quam, commodo vitae, rhoncus a, luctus vitae, orci.
- Praesent nonummy mi facilisis tortor. Praesent suscipit. Donec laoreet dignissim justo. Nullam ut purus ac leo sollicitudin accumsan. Fusce et quam.


******************************

#### Date Created :: Monday 23 June 2014 ####

******************************

CSS - 仅提取正文设置

body{
    font-family: helvetica, arial, freesans, clean, sans-serif;
    color: #333;
    background-color: red;
    border-color: #999999;
    border-width: 2px;
    line-height: 1.5;
    text-align:left;
}

输出

在此处输入图像描述

于 2016-09-10T20:58:04.270 回答