共计 462 个字符,预计需要花费 2 分钟才能阅读完成。
一、简介及应用步骤
将 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 应用阐明!
正文完