markdown css

makrdown-css

Markdown CSS ist ein Befehlstool zum Konvertieren des CSS-Stils in den Markdown-Inline-Stil.

中文文档 演示

Theme-Demo

apollo.css

ozean.css

simple.css

style.css

typing.css

xiaolai.css

Installieren

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

Erste Schritte

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

Themen

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

Wähler

markdown-css unterstützt CSS-Selektoren wie diese:

Elementauswahl

 p {
    margin : 10 px 0 ;
}

Multi-Element-Selektor

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

alle Elemente

 * {
    font-size : 14 px
}

Pseudoselektor

 h1 : before {
    content : '#'
}

Selektor für untergeordnete Elemente

 blockquote p {
    color : # 888 ;
}

Pseudo-Selektoren können nicht im Inline-Stil verwendet werden, diese Selectos werden in das <style>-Tag geschrieben

中文介绍

markdown-css 是一个命令行工具用来为无 CSS 的 html 文档添加 CSS，渲染之后的 html可以直接粘贴在微信公众号使用.

要使用 markdown-css, 通常你需要一款类似 typora 的编辑器, 用 markdown 完成写作之后导出为不带任何 style 的 html Beschreibung:

然后再需要提供一个主题样式,仓库里已经有了一些主题样式可以使用, 用以下命令完成转换:

markdown-css markdown.html --style=style.css --out=public

渲染之后的文档会导出在同目录下的 public 中, Chrome浏览器打开渲染之后的同名文档,复制粘贴到微信公众号编辑器即可.

Typ: 由于微信公众号对 ul 和 ol 进行了转换，markdown-css针对这两种标签进行了特殊处理,并且提供了 render 参数来选择是否要特殊处理 ul 和ol, 默认情况为是, 可以根据自己的需要不特殊处理 ul 和 ol, 只要 render 不等于 wechat 即可.