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-body
的class
,如下样式代码:
<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;
}
}