推荐一款不可或缺的Markdown样式库:github-markdown-css
GitHub 风格的 Markdown CSS 样式库 github-markdown-css
是一个流行的资源,它提供了一套完全兼容 GitHub 的 Markdown 格式化规则。以下是如何使用 github-markdown-css
的示例代码:
首先,通过 npm 安装 github-markdown-css
:
npm install github-markdown-css
然后,在你的 HTML 文件中引入这个库:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GitHub Flavored Markdown</title>
<!-- 引入 github-markdown-css -->
<link rel="stylesheet" href="node_modules/github-markdown-css/github-markdown.css">
</head>
<body>
<article class="markdown-body">
<!-- 这里放置你的 Markdown 内容 -->
</article>
</body>
</html>
在 <article>
标签中,你应该放置你的 Markdown 内容。这个库会自动将 Markdown 语法渲染成 GitHub 风格的格式。
评论已关闭