markdown css

makrdown-css

Markdown css เป็นเครื่องมือคำสั่งในการแปลงสไตล์ CSS เป็นรูปแบบอินไลน์ของ Markdown

中文文档 演示

การสาธิตธีม

อพอลโล.css

ocean.css

ง่าย.css

สไตล์.css

พิมพ์.css

xiaolai.css

ติดตั้ง

maxOS

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

ไม่สามารถใช้ Pseudo-selector ในรูปแบบอินไลน์ได้ Selectos เหล่านี้จะถูกเขียนลงในแท็ก <style>

中文介绍

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

要使用 markdown-css ，通常คุณ需要一款类似 typora 的编辑器，用 markdown 完成写作之后导出为不带任何 style ของ html 文档:

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

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

渲染之后的文档会导出在同目录下的 public 中，用 Chrome ข้อมูลเพิ่มเติม

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