markdown css

마크다운-CSS

Markdown CSS는 CSS 스타일을 Markdown 인라인 스타일로 변환하는 명령 도구입니다.

中文档 演示

테마 데모

아폴로.css

바다.css

단순.css

스타일.css

타이핑.css

xiaolai.css

설치하다

맥OS

xcode-select --install
pip install markdown-css

리눅스

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

시작하기

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

테마

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

데모

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

선택자

markdown-css는 다음과 같은 CSS 선택기를 지원합니다.

요소 선택기

 p {
    margin : 10 px 0 ;
}

다중 요소 선택기

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

모든 요소

 * {
    font-size : 14 px
}

의사 선택기

 h1 : before {
    content : '#'
}

하위 요소 선택기

 blockquote p {
    color : # 888 ;
}

의사 선택기는 인라인 스타일에서 사용할 수 없습니다. 이러한 선택기는 <style> 태그에 기록됩니다.

중국어 介绍

markdown-css를 사용하여 CSS를 html 文档添加 CSS로 사용하고 html을 사용하여 html 可以直接粘贴에서 html로 사용하도록 합니다.

markdown-css를 사용하는 경우 일반적으로 typora의 编辑器에서 markdown 完成写작지 后导流为不带任何 스타일의 html 문서를 사용합니다.

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

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

渲染之后的文档会导导는 같은 이름의 public 中에서 Chrome을 사용합니다.

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