github-markdown-css使用说明！
原创github-markdown-css使用说明！
原创
Learn-anything.cn
发布于 2021-11-27 07:09:05
发布于 2021-11-27 07:09:05
文章被收录于专栏：learn-anything.cn
简介及使用步骤
将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>相关链接
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
