214 lines
3.1 KiB
CSS
214 lines
3.1 KiB
CSS
/* 代码高亮样式 - GitHub风格 */
|
|
.hljs {
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: 0.5em;
|
|
color: #333;
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
color: #998;
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-keyword,
|
|
.hljs-selector-tag,
|
|
.hljs-subst {
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-number,
|
|
.hljs-literal,
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-tag .hljs-attr {
|
|
color: #008080;
|
|
}
|
|
|
|
.hljs-string,
|
|
.hljs-doctag {
|
|
color: #d14;
|
|
}
|
|
|
|
.hljs-title,
|
|
.hljs-section,
|
|
.hljs-selector-id {
|
|
color: #900;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-subst {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-type,
|
|
.hljs-class .hljs-title {
|
|
color: #458;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-tag,
|
|
.hljs-name,
|
|
.hljs-attribute {
|
|
color: #000080;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-regexp,
|
|
.hljs-link {
|
|
color: #009926;
|
|
}
|
|
|
|
.hljs-symbol,
|
|
.hljs-bullet {
|
|
color: #990073;
|
|
}
|
|
|
|
.hljs-built_in,
|
|
.hljs-builtin-name {
|
|
color: #0086b3;
|
|
}
|
|
|
|
.hljs-meta {
|
|
color: #999;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-deletion {
|
|
background: #fdd;
|
|
}
|
|
|
|
.hljs-addition {
|
|
background: #dfd;
|
|
}
|
|
|
|
.hljs-emphasis {
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Markdown样式增强 */
|
|
.markdown-container {
|
|
font-size: 28rpx;
|
|
line-height: 1.6;
|
|
color: #333;
|
|
}
|
|
|
|
.markdown-container h1,
|
|
.markdown-container h2,
|
|
.markdown-container h3,
|
|
.markdown-container h4,
|
|
.markdown-container h5,
|
|
.markdown-container h6 {
|
|
margin-top: 24rpx;
|
|
margin-bottom: 16rpx;
|
|
font-weight: 600;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.markdown-container h1 {
|
|
font-size: 40rpx;
|
|
padding-bottom: 10rpx;
|
|
border-bottom: 1px solid #eaecef;
|
|
}
|
|
|
|
.markdown-container h2 {
|
|
font-size: 36rpx;
|
|
padding-bottom: 8rpx;
|
|
border-bottom: 1px solid #eaecef;
|
|
}
|
|
|
|
.markdown-container h3 {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.markdown-container h4 {
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.markdown-container h5 {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.markdown-container h6 {
|
|
font-size: 26rpx;
|
|
color: #6a737d;
|
|
}
|
|
|
|
.markdown-container p {
|
|
margin-top: 0;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.markdown-container blockquote {
|
|
padding: 0 16rpx;
|
|
color: #6a737d;
|
|
border-left: 4rpx solid #dfe2e5;
|
|
margin: 16rpx 0;
|
|
}
|
|
|
|
.markdown-container ul,
|
|
.markdown-container ol {
|
|
padding-left: 32rpx;
|
|
margin-top: 0;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.markdown-container table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.markdown-container table th,
|
|
.markdown-container table td {
|
|
padding: 12rpx 16rpx;
|
|
border: 1px solid #dfe2e5;
|
|
}
|
|
|
|
.markdown-container table th {
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
.markdown-container code {
|
|
padding: 4rpx 8rpx;
|
|
margin: 0;
|
|
background-color: rgba(27, 31, 35, 0.05);
|
|
border-radius: 6rpx;
|
|
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
}
|
|
|
|
.markdown-container pre {
|
|
padding: 16rpx;
|
|
overflow: auto;
|
|
font-size: 85%;
|
|
line-height: 1.45;
|
|
background-color: #f6f8fa;
|
|
border-radius: 6rpx;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.markdown-container pre code {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
}
|
|
|
|
.markdown-container img {
|
|
max-width: 100%;
|
|
box-sizing: content-box;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.markdown-container hr {
|
|
height: 2rpx;
|
|
padding: 0;
|
|
margin: 24rpx 0;
|
|
background-color: #e1e4e8;
|
|
border: 0;
|
|
} |