• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

wecatch/markdown-css: A tool convert css style into markdown inline style

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

wecatch/markdown-css

开源软件地址(OpenSource Url):

https://github.com/wecatch/markdown-css

开源编程语言(OpenSource Language):

CSS 67.0%

开源软件介绍(OpenSource Introduction):

makrdown-css

pypi

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

中文介绍

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 即可。




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
sbfkcel/towxml: 微信小程序HTML、Markdown渲染库发布时间:2022-08-18
下一篇:
terrylinooo/githuber-md: Markdown editor plugin for WordPress.发布时间:2022-08-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap