关于markdown-css

markdown-css

最近在做项目时,会设计到使用markdown的html格式数据,在寻找如何对其样式进行修改,发现GitHub上已经写好了如何运用,下面简单介绍一下
首先第一步安装

npm install github-markdown-css

在需要使用组件的地方 Import the github-markdown.css file

  import markdownCss from 'github-markdown-css/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>

仅需简单的三个步骤,即可完成对markdown的样式调整
感谢作者的开源GitHub