github-markdown-css使用说明

简介及使用步骤

将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使用说明！