简介及使用步骤
将markdown字符串转换成html后,可以用此插件来改变页面样式,使得页面呈现为 github样式
,样式效果看这里。
1、安装插件:
$ npm install github-markdown-css
2、新建github-markdown.css
文件,内容如下:
代码语言:txt复制.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样式:
代码语言:txt复制<article class="markdown-body">
<h1>Unicorns</h1>
<p>All the things</p>
</article>
相关链接
- github-markdown-css使用说明!