Hexo-Fluid 自用样式 (custom.css)

关于自定义样式,请参考 Fluid 官方文档

部分样式还需要修改其它文件
直接能用的:表格样式、超链接默认下划线、块引用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/* 暗中观察 */
#background-image {
position: fixed;
bottom: 280px;
z-index: 4;
}

/* 表格中的偶数行具有背景色 */
[data-user-color-scheme="dark"] table tr:nth-child(even) td {
background-color: rgba(27,31,35,0.5);
}

[data-user-color-scheme="light"] table tr:nth-child(even) td {
background-color: rgba(27,31,35,0.05);
}

/* 表格中标题栏背景色和文字颜色 */
[data-user-color-scheme="dark"] table th {
background-color: #1589e9;
color: #fff;
}

[data-user-color-scheme="light"] table th {
background-color: #0366d6;
color: #fff;
}

/* 超链接默认启用下划线,鼠标悬停下划线消失 */
.markdown-body a {
text-decoration: underline;
}
.markdown-body a:hover {
text-decoration: none;
}

/* banner 网点覆盖 */
.banner .mask {
background: url(/img/overlay_dot_ptn_0.6.png);
}

/* 块引用样式 */
.markdown-body blockquote{
color: var(--post-text-color);
padding: 1rem 1.45rem 1.25rem 1.45rem;
border: 1px double rgba(0,0,0,.1);
background-color: rgba(27,31,35,0.05);
border-radius: 0.25rem;
margin: 1.8rem 0;
}
[data-user-color-scheme="dark"] .markdown-body blockquote{
border: 1px double rgb(128 128 128 / 30%);
background-color: rgba(62,75,94,0.35);
}

/* 排版 */
.markdown-body {
line-height: 1.9rem;
margin-bottom: 2rem;
}

.markdown-body p {
margin-bottom: 10px;
}

.markdown-body .highlight {
margin-bottom: 28px;
}

figure {
margin: 1.5rem 0;
}

.markdown-body p > img, .markdown-body p > a > img, .markdown-body figure > img, .markdown-body figure > a > img {
margin: 2rem auto;
}

.note {
padding: 0.85rem 1.1rem 0.85rem 1.1rem;
}

Hexo-Fluid 自用样式 (custom.css)
http://example.com/fluid_css/
作者
2HA
发布于
2023年4月16日
许可协议
编辑