github-markdown-css使用简解,markdown

2022-06-18  本文已影响0人  晨曦的杂货铺

1.yarn 安装 github-markdown-css

yarn add github-markdown-css

2.使用

main.js中导入guthub-markdown.css文件

import 'github-markdown-css'

添加markdown-bodyclass,如下样式代码:

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

以下为的markdown-body的默认样式(可将markdown-body的样式修改为你需要的样式)

.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;
        }
    }
上一篇 下一篇

猜你喜欢

热点阅读