wangneal/markdown-css

A tool convert css style into markdown inline style

makrdown-css

Markdown css is a command tool to convert css style into markdown inline style.

Theme Demo

apollo.css

ocean.css

simple.css

style.css

typing.css

xiaolai.css

Install

maxOS

xcode-select --install
pip install markdown-css

linux

apt-get install libxml2-dev libxslt1-dev python-dev
apt-get install python-lxml
pip install markdown-css

Getting started

pip install markdown-css
mkdir public
touch style.css
markdown -h
markdown-css markdown.html --style=style.css --out=public

Themes

https://github.com/wecatch/markdown-css/tree/master/themes

Demo

git clone https://github.com/wecatch/markdown-css.git
cd themes
markdown-css markdown.html --style=simple.css --out=public

Selector

markdown-css support css selector like these:

element selector

p {
    margin: 10px 0;
}

multi element selector

h1,p,h2,pre {
    color: #333;
}

all element

* {
    font-size: 14px
}

pseudo-selector

h1:before {
    content: '#'
}

child element seletor

blockquote p {
    color:#888;
}

Pseudo-selector can't be used in inline-style, these selectos are write into <style> tag