2013-11-15 12 views
35

私はセクション/サブセクションの見出しは以下に似てHTMLを生成しようとしている:Markdown/Rdiscountの番号付き見出しは可能ですか?

  1. 私のトップレベルのトピック
    1.1私の最初のサブトピック
    1.2別のサブトピック
              1.2 .1サブサブトピック
  2. もう1つの最上位トピック

これらの種類の番号付きセクション見出しを作成できるMarkdownの実装はありますか?

ありがとうございます。

答えて

35

はい、試してみてくださいPandoc。これは私のために動作します:あなたは、サブのために、より深いインデントをしたい場合は

# My top-level topic 

## My first subtopic 

## Another subtopic 

### A sub-subtopic 

## Another top-level topic 

pandoc --number-sections <test.md> out.html 

は(Source)値下げはあなたがオリジナルのポストに言及アウトライン番号を生成する

次のようになりますインラインCSSでこれを実現できるかもしれません。例えば、上記の値下げソースはヘッダをインデントの上でこれを置く:

<style type="text/css"> 
    h2 { margin-left: 10px; } 
    h3 { margin-left: 20px; } 
</style> 

しかし、あなたはあなたの見出しの下のテキストの段落を持っていたと言う、私は同じレベルにそれをインデントする方法がわかりません...上記のヘッダーと同じです。

更新2015-10-18Markdeepには、見出しの番号が付いています(他にも多くのファンシーな機能があります)。それもチェックしてください!あなたの値下げツールがCSSでカスタマイズテーマをサポートしている場合

+2

Markdeep FTW!非常に素晴らしい。 –

5

、以下の追加見出し番号を有効にするには、CSSにスニペット:私は、このアプローチでauto numbering for headingsをサポートTyporaを使用しています

body { 
    counter-reset: h1 
} 

h1 { 
    counter-reset: h2 
} 

h2 { 
    counter-reset: h3 
} 

h3 { 
    counter-reset: h4 
} 

h1:before { 
    counter-increment: h1; 
    content: counter(h1) ". " 
} 

h2:before { 
    counter-increment: h2; 
    content: counter(h1) "." counter(h2) ". " 
} 

h3:before { 
    counter-increment: h3; 
    content: counter(h1) "." counter(h2) "." counter(h3) ". " 
} 

h4:before { 
    counter-increment: h4; 
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". " 
} 

+0

これはアトムに興味があれば、最初のエントリを 'h1 { カウンタインクリメント:h1 }'に変更し、 'h1:before'の' counter-increment:h1'をコメントアウトします。なぜ私は理解していない... – Alex

関連する問題