github-markdown-css 使用手册

作者 | 2018年11月06日16:34:43

【安装】

• node环境安装：
  $ npm install github-markdown-css

【使用】

• 新建github-markdown.css文件，内容如下：

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="github-markdown.css">
  <style>
      .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;
          }
      }
  </style>
  
  

• import上面github-markdown.css到项目中；
• 在待渲染markdown的父容器中增加markdown-body样式：

  <article class="markdown-body">
      <h1>Unicorns</h1>
      <p>All the things</p>
  </article>
  

参考链接

• 查看原文 >>
• 知识图谱 >>
• github-markdown-css
• GitHub Markdown CSS demo