关于markdown:githubmarkdowncss使用说明

一、简介及应用步骤

将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应用阐明!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理