一、简介及应用步骤
将markdown字符串转换成html后,能够用此插件来扭转页面款式,使得页面出现为 github款式
,款式成果看这里。
1、装置插件:
$ npm install github-markdown-css
2、新建github-markdown.css
文件,内容如下:
.markdown-body { box-sizing: border-box; min-width: 200px; max-width: 980px; margin: 0 auto; padding: 45px;}@media (max-width: 767px) { .markdown-body { padding: 15px; }}
3、import "github-markdown.css"到我的项目中;
4、在markdown的父容器中减少markdown-body款式:
<article class="markdown-body"> <h1>Unicorns</h1> <p>All the things</p></article>
二、相干链接
- github-markdown-css应用阐明!