+ 我要发布
我发布的 我的标签 发现
浏览器扩展
斑点象@Edge

GitHub 的 Markdown 生成的 html css 样式

GitHub 的 Markdown 生成的 html 样式非常简洁,可用做为我们自己 Markdown 生成的 html 的样式。 GitHub 的 css 如下 ``` .markdown-body { overflow-x: hidden; color: #333; font-weight: 400; font-size: 16px; line-height: 1.75; word-break: break-word; } .markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 { margin-top: 35px; margin-bottom: 10px; padding-bottom: 5px; line-height: 1.5; } .markdown-body h1 { margin-bottom: 5px; font-size: 24px; } .markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 { font-size: 20px; } .markdown-body h2 { padding-bottom: 12px; border-bottom: 1px solid #ececec; } .markdown-body h3 { padding-bottom: 0; font-size: 18px; } .markdown-body h6 { margin-top: 5px; } .markdown-body p { margin-top: 22px; margin-bottom: 22px; line-height: inherit; } .markdown-body img { max-width: 100%; } .markdown-body hr { margin-top: 32px; margin-bottom: 32px; border: none; border-top: 1px solid #ddd; } .markdown-body code { overflow-x: auto; padding: .065em .4em; border-radius: 2px; background-color: #fff5f5; color: #ff502c; font-size: .87em; word-break: break-word; } .markdown-body code,.markdown-body pre { font-family: Menlo,Monaco,Consolas,Courier New,monospace; } .markdown-body pre { position: relative; overflow: auto; line-height: 1.75; } .markdown-body pre>code { display: block; overflow-x: auto; margin: 0; padding: 15px 12px; background: #f8f8f8; color: #333; font-size: 12px; word-break: normal; } .markdown-body a { border-bottom: 1px solid #d1e9ff; color: #0269c8; text-decoration: none; } .markdown-body a:active,.markdown-body a:hover { color: #275b8c; } .markdown-body table { display: inline-block!important; overflow: auto; width: auto; max-width: 100%; border: 1px solid #f6f6f6; font-size: 12px; } .markdown-body thead { background: #f6f6f6; color: #000; text-align: left; } .markdown-body tr:nth-child(2n) { background-color: #fcfcfc; } .markdown-body td,.markdown-body th { padding: 12px 7px; line-height: 24px; } .markdown-body td { min-width: 120px; } .markdown-body blockquote { margin: 22px 0; padding: 1px 23px; border-left: 4px solid #cbcbcb; background-color: #f8f8f8; color: #666; } .markdown-body blockquote:after { display: block; content: ""; } .markdown-body blockquote>p { margin: 10px 0; } .markdown-body ol,.markdown-body ul { padding-left: 28px; } .markdown-body ol li,.markdown-body ul li { margin-bottom: 0; list-style: inherit; } .markdown-body ol li .task-list-item,.markdown-body ul li .task-list-item { list-style: none; } .markdown-body ol li .task-list-item ol,.markdown-body ol li .task-list-item ul,.markdown-body ul li .task-list-item ol,.markdown-body ul li .task-list-item ul { margin-top: 0; } .markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul { margin-top: 3px; } .markdown-body ol li { padding-left: 6px; } .markdown-body .contains-task-list { padding-left: 0; } .markdown-body .task-list-item { list-style: none; } @media (max-width:720px) { .markdown-body h1 { font-size: 24px; } .markdown-body h2 { font-size: 20px; } .markdown-body h3 { font-size: 18px; } } ```
我的笔记
你可能想看的