在降价中设置 bgcolor
Setting bgcolor in markdown
我想通过markdown设置页面bgcolor
除了在 .md
文件中明确包含 <body bgcolor="#336655">
之外,还有什么方法吗?特别是,这似乎实施不正确。例如。以下最小文件:
% 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中没有办法控制整个页面背景吗?
您应该为此更改 pandoc template 并插入所需的 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
在 multimarkdown 中,您可以向 CSS 文件提供 link 以将降价样式设置为降价文件的一部分。
MULTIMARKDOWN
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;
}
输出
我想通过markdown设置页面bgcolor
除了在 .md
文件中明确包含 <body bgcolor="#336655">
之外,还有什么方法吗?特别是,这似乎实施不正确。例如。以下最小文件:
% 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中没有办法控制整个页面背景吗?
您应该为此更改 pandoc template 并插入所需的 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
在 multimarkdown 中,您可以向 CSS 文件提供 link 以将降价样式设置为降价文件的一部分。
MULTIMARKDOWN
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;
}
输出