2016-09-10 3 views
2

マークダウンでbgcolorページを設定します。マークダウンでbgcolorを設定する

<body bgcolor="#336655">.mdファイルに明示的に含める以外に方法はありますか?特に、これは正しく実装されていないようです。例えば。以下の最小限のファイル:

% Page Title 

<body bgcolor="#336655"> 

## Some Body 

は、私が意図しただろうと私は含ま<body>タグは、生産メイン<body>タグを上書きしませんでした、(pandoc -s -o test.html test.mdを介して)、次のHTMLファイル特に

<!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>で閉じることはこれを変えない)。前% Page Titleラインに<body>タグを配置

はページタイトルとしてその行の解釈をシャットダウンします - それは単なるテキストで% Page Titleとしてフォーマットします。

マークダウンのページ全体の背景を制御する方法はありませんか?

+1

ボディ{ 背景色:lightblue; }参照:http://www.w3schools.com/css/css_background.asp seperatescriptはあなたが求めているものより優れています – Sanka

+1

@Sankaありがとうございます;気をつけて謝る? – MichaelChirico

+0

マルチマークダウンはオプションですか、それとも純粋なマークダウンでなければなりませんか? – jwpfox

答えて

3

pandoc templateを変更して、必要なCSSを挿入する必要があります。 HTMLでスタイリングをしないでください、それは

$ pandoc -D html > template.html 

編集それが含まれるように...もう90年代ではありません:あなたは、リンクを供給することができmultimarkdownで、その後

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

$ pandoc -s --template template.html -o output.html input.md 
1

markdownファイルの一部としてマークダウンをスタイルするためのCSSファイルを作成します。

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; 
} 

OUTPUT

enter image description here

関連する問題