Skip to content

Commit 588eb29

Browse files
SWHLSWHL
authored
docs: update UI
1 parent 65cfcdb commit 588eb29

4 files changed

Lines changed: 147 additions & 11 deletions

File tree

‎docs/stylesheets/extra.css‎

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
/*定义变量*/
2+
:root {
3+
--admonition-border-left-width: 0.2rem;
4+
--base-border-radius: 1rem;
5+
--font-family: "LXGW WenKai";
6+
/* --md-primary-fg-color: #FBFBFB;
7+
--md-primary-fg-color--light: #FBFBFB;
8+
--md-primary-fg-color--dark: #1E2129; */
9+
/* --card-hover-shadow: 0 0 0.2rem #ffffff40; */
10+
}
11+
12+
13+
/*亮色样式*/
14+
[data-md-color-scheme="default"] {
15+
--md-primary-fg-color: rgba(255, 255, 255, 0.7);
16+
--md-header-bg-color: rgba(255, 255, 255, 0.7);
17+
--md-typeset-a-color: steelblue;
18+
--md-footer-bg-color: #f6f6f6;
19+
--md-footer-bg-color--dark: #f6f6f6;
20+
--md-footer-fg-color: #222;
21+
--md-footer-fg-color--light: #505050;
22+
--md-footer-fg-color--lighter: #777777;
23+
--md-code-hl-comment-color: #999999;
24+
}
25+
26+
/*暗色样式*/
27+
[data-md-color-scheme="slate"] {
28+
--md-primary-fg-color: rgba(17, 16, 17, 0.7);
29+
--md-header-bg-color: rgba(17, 16, 17, 0.7);
30+
--md-typeset-a-color: royalblue;
31+
--md-footer-bg-color: #101010;
32+
--md-footer-bg-color--dark: #101010;
33+
--md-code-hl-comment-color: #777777;
34+
}
35+
36+
37+
/* 卡片圆角与悬浮阴影 */
38+
.md-typeset .grid.cards>ul>li,
39+
.md-typeset .md-button,
40+
.md-typeset table:not([class]) {
41+
border-radius: var(--base-border-radius);
42+
}
43+
44+
.md-typeset .grid.cards>ul>li:hover {
45+
box-shadow: var(--card-hover-shadow);
46+
}
47+
48+
/* 页脚社交图标高度 */
49+
.md-social__link svg {
50+
max-height: 1rem;
51+
}
52+
53+
/* 搜索框及下拉结果圆角 */
54+
.md-search__form {
55+
border-radius: var(--base-border-radius);
56+
}
57+
58+
[data-md-toggle="search"]:checked~.md-header .md-search__form {
59+
border-top-right-radius: var(--base-border-radius);
60+
border-top-left-radius: var(--base-border-radius);
61+
}
62+
63+
[dir="ltr"] .md-search__output {
64+
border-bottom-right-radius: var(--base-border-radius);
65+
border-bottom-left-radius: var(--base-border-radius);
66+
}
67+
68+
.banner{
69+
font-family: var(--font-family);
70+
}
71+
72+
/* 可选：如需恢复代码块、警告框等样式，取消注释即可 */
73+
/*
74+
.highlight span.filename {
75+
border-bottom: none;
76+
border-radius: var(--base-border-radius);
77+
display: inline;
78+
font-family: var(--md-code-font-family);
79+
border-bottom-left-radius: 0;
80+
border-bottom-right-radius: 0;
81+
margin-bottom: 5px;
82+
text-align: center;
83+
}
84+
.highlight span.filename + pre > code,
85+
.md-typeset pre > code {
86+
border-radius: var(--base-border-radius);
87+
border-top-left-radius: 0;
88+
}
89+
.md-typeset .admonition {
90+
border-width: 0px;
91+
border-left-width: var(--admonition-border-left-width);
92+
}
93+
[dir="ltr"] .md-typeset blockquote {
94+
border-radius: 0.2rem;
95+
border-left-width: var(--admonition-border-left-width);
96+
}
97+
*/
98+
99+
/* 可选：博客相关样式，按需启用 */
100+
101+
/* .md-post--excerpt {
102+
background-color: rgba(68,138,255,.1);
103+
box-shadow: 0 0 0 1rem rgba(68,138,255,.1);
104+
border-radius: var(--base-border-radius);
105+
}
106+
.md-post--excerpt .md-post__header {
107+
justify-content: left;
108+
}
109+
.md-post--excerpt .md-post__content > h2,
110+
.md-post__action {
111+
text-align: left;
112+
} */
113+
114+
115+
/* 让所有admonition（包括!!! tip）圆角化且更自然 */
116+
.md-typeset .admonition,
117+
.md-typeset details {
118+
border-radius: 1.5em;
119+
box-shadow: 0 2px 12px 0 rgba(60, 60, 60, 0.07);
120+
transition: border-radius 0.4s cubic-bezier(.4, 2, .6, 1), box-shadow 0.3s;
121+
overflow: hidden;
122+
}

‎docs/stylesheets/font.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
@import url('https://static.zeoseven.com/zsft/292/main/result.css');
2+
3+
body {
4+
font-family: "LXGW WenKai";
5+
font-weight: normal;
6+
}

‎mkdocs.yml‎

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -34,20 +34,24 @@ theme:
3434
- toc.follow # 目录跟踪-页面右侧的小目录
3535

3636
palette:
37-
- media: "(prefers-color-scheme: light)" # 浅色
37+
- media: "(prefers-color-scheme)" # 系统主题
38+
toggle:
39+
icon: material/theme-light-dark
40+
name: 系统主题
41+
- media: "(prefers-color-scheme: light)" # 亮色主题
3842
scheme: default
39-
primary: indigo
40-
accent: indigo
43+
primary: white
44+
accent: light blue
4145
toggle:
42-
icon: material/brightness-7
43-
name: Switch to dark mode
44-
- media: "(prefers-color-scheme: dark)" # 深色
46+
icon: material/weather-sunny
47+
name: 明亮主题
48+
- media: "(prefers-color-scheme: dark)" # 暗色主题
4549
scheme: slate
4650
primary: black
47-
accent: indigo
51+
accent: yellow
4852
toggle:
49-
icon: material/brightness-4
50-
name: Switch to system preference
53+
icon: material/weather-night
54+
name: 暗黑主题
5155

5256
icon:
5357
logo: logo
@@ -125,6 +129,10 @@ markdown_extensions:
125129
- pymdownx.details
126130
- pymdownx.superfences
127131

132+
extra_css:
133+
- stylesheets/extra.css
134+
- stylesheets/font.css
135+
128136
extra:
129137
social:
130138
- icon: fontawesome/brands/github

‎overrides/partials/comments.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
44

55
<script src="https://giscus.app/client.js" data-repo="RapidAI/RapidAIWebSite" data-repo-id="R_kgDOKS1JHQ"
66
data-category="Q&A" data-category-id="DIC_kwDOKS1JHc4Ce5E0" data-mapping="title" data-strict="0"
7-
data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" data-theme="preferred_color_scheme"
7+
data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" data-theme="https://cdn.jsdelivr.net/gh/L33Z22L11/giscus-theme/lxgw-wenkai.css"
88
data-lang="zh-CN" data-loading="lazy" crossorigin="anonymous" async>
99
</script>
1010

@@ -43,4 +43,4 @@ <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
4343
})
4444
})
4545
</script>
46-
{% endif %}
46+
{% endif %}

0 commit comments

Comments
 (0)