Skip to content

Commit 7c94fc0

Browse files
fmw666fmw666
committed
docs: add homepage and market data guides with custom styling
Made-with: Cursor
1 parent 66d8ac5 commit 7c94fc0

6 files changed

Lines changed: 871 additions & 8 deletions

File tree

‎.vitepress/sidebar/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ export const conceptsSidebar: DefaultTheme.SidebarItem[] = [
66
items: [
77
{ text: '概览', link: '/concepts/' },
88
{ text: '首页数据解释', link: '/concepts/homepage-data' },
9+
{ text: '市场页数据解释', link: '/concepts/market-data' },
910
{ text: '生态系统解释', link: '/concepts/ecosystem' },
1011
{ text: '进化机制', link: '/concepts/evolution-mechanism' },
1112
{ text: '智能体模型', link: '/concepts/agent-model' },

‎.vitepress/theme/custom.css‎

Lines changed: 173 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,173 @@
1+
/**
2+
* EvoMap Docs — Custom Layout & Typography
3+
*
4+
* Override VitePress default 688px content bottleneck for better
5+
* table/code readability in documentation-heavy pages.
6+
*/
7+
8+
/* ── Layout: Override the 688px bottleneck ── */
9+
10+
:root {
11+
--vp-layout-max-width: 1440px;
12+
}
13+
14+
.VPDoc.has-aside .content-container {
15+
max-width: 100% !important;
16+
}
17+
18+
.VPDoc:not(.has-sidebar) .container {
19+
max-width: 1152px !important;
20+
}
21+
22+
.VPDoc:not(.has-sidebar) .content {
23+
max-width: 960px !important;
24+
}
25+
26+
/* ── Tables: Full-width, polished look ── */
27+
28+
.vp-doc table {
29+
display: table;
30+
width: 100%;
31+
border-collapse: collapse;
32+
margin: 20px 0;
33+
font-size: 14px;
34+
line-height: 1.6;
35+
overflow-x: auto;
36+
}
37+
38+
.vp-doc table th {
39+
background-color: var(--vp-c-bg-soft);
40+
font-weight: 600;
41+
text-align: left;
42+
padding: 10px 16px;
43+
border-bottom: 2px solid var(--vp-c-border);
44+
white-space: nowrap;
45+
}
46+
47+
.vp-doc table td {
48+
padding: 10px 16px;
49+
border-bottom: 1px solid var(--vp-c-divider);
50+
vertical-align: top;
51+
}
52+
53+
.vp-doc table tr:hover td {
54+
background-color: var(--vp-c-bg-soft);
55+
}
56+
57+
.vp-doc table code {
58+
font-size: 13px;
59+
padding: 2px 6px;
60+
border-radius: 4px;
61+
background-color: var(--vp-c-mute);
62+
}
63+
64+
/* ── Blockquote: Accent bar + soft background ── */
65+
66+
.vp-doc blockquote {
67+
border-left: 4px solid var(--vp-c-brand-1);
68+
background-color: var(--vp-c-bg-soft);
69+
padding: 12px 20px;
70+
margin: 16px 0;
71+
border-radius: 0 8px 8px 0;
72+
color: var(--vp-c-text-1);
73+
}
74+
75+
.vp-doc blockquote p {
76+
margin: 0;
77+
line-height: 1.7;
78+
}
79+
80+
/* ── Code blocks: Subtle border ── */
81+
82+
.vp-doc div[class*="language-"] {
83+
border: 1px solid var(--vp-c-divider);
84+
border-radius: 8px;
85+
}
86+
87+
/* ── HR: Cleaner divider ── */
88+
89+
.vp-doc hr {
90+
border: none;
91+
border-top: 1px solid var(--vp-c-divider);
92+
margin: 32px 0;
93+
}
94+
95+
/* ── Headings: Tighter spacing ── */
96+
97+
.vp-doc h2 {
98+
margin-top: 48px;
99+
padding-top: 24px;
100+
border-top: 1px solid var(--vp-c-divider);
101+
}
102+
103+
.vp-doc h3 {
104+
margin-top: 32px;
105+
}
106+
107+
/* ── Details/FAQ: Collapsible with subtle background ── */
108+
109+
.vp-doc details {
110+
background-color: var(--vp-c-bg-soft);
111+
border: 1px solid var(--vp-c-divider);
112+
border-radius: 8px;
113+
margin: 8px 0;
114+
padding: 0;
115+
overflow: hidden;
116+
transition: border-color 0.2s ease;
117+
}
118+
119+
.vp-doc details[open] {
120+
border-color: var(--vp-c-brand-soft);
121+
}
122+
123+
.vp-doc details summary {
124+
padding: 18px 16px;
125+
margin: 0;
126+
cursor: pointer;
127+
user-select: none;
128+
list-style: none;
129+
display: flex;
130+
align-items: center;
131+
gap: 8px;
132+
}
133+
134+
.vp-doc details summary::-webkit-details-marker {
135+
display: none;
136+
}
137+
138+
.vp-doc details summary::before {
139+
content: "";
140+
display: inline-block;
141+
width: 0;
142+
height: 0;
143+
border-left: 6px solid var(--vp-c-text-2);
144+
border-top: 5px solid transparent;
145+
border-bottom: 5px solid transparent;
146+
flex-shrink: 0;
147+
transition: transform 0.2s ease;
148+
}
149+
150+
.vp-doc details[open] summary::before {
151+
transform: rotate(90deg);
152+
}
153+
154+
.vp-doc details summary:hover {
155+
background-color: var(--vp-c-bg-elv);
156+
}
157+
158+
.vp-doc details[open] summary {
159+
border-bottom: 1px solid var(--vp-c-divider);
160+
margin-bottom: 0;
161+
}
162+
163+
.vp-doc details > p,
164+
.vp-doc details > ol,
165+
.vp-doc details > ul {
166+
margin: 12px 16px;
167+
}
168+
169+
.vp-doc details > p:last-child,
170+
.vp-doc details > ol:last-child,
171+
.vp-doc details > ul:last-child {
172+
margin-bottom: 16px;
173+
}

‎.vitepress/theme/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import type { Theme } from 'vitepress'
44
import Mermaid from './Mermaid.vue'
55
import Documate from '@documate/vue'
66
import '@documate/vue/dist/style.css'
7+
import './custom.css'
78

89
export default {
910
extends: DefaultTheme,

0 commit comments

Comments
 (0)