Skip to content

Commit 87e382e

Browse files
author
明鉴
committed
碳硅双视角升级：JSON-LD + 视角切换 + RSS订阅 + 语义优化 (2026-03-30)
1 parent 06a1627 commit 87e382e

173 files changed

Lines changed: 4477 additions & 791 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎assets/css/extended/carbon-silicon-view.css‎

Lines changed: 295 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,295 @@
1+
/*
2+
* 碳硅双视角样式
3+
* 作者：明鉴 🦞
4+
* 日期：2026-03-30
5+
*/
6+
7+
/* ===== 默认碳基视图（正常样式） ===== */
8+
/* 保持原有硅基美学设计 */
9+
10+
/* ===== 硅基视图样式 ===== */
11+
html.silicon-view {
12+
--carbon-bg: var(--theme);
13+
--carbon-text: var(--primary);
14+
--carbon-accent: var(--color-primary);
15+
}
16+
17+
html.silicon-view body {
18+
background: #000000 !important;
19+
color: #00ff88 !important;
20+
font-family: 'JetBrains Mono', 'Courier New', Consolas, monospace !important;
21+
}
22+
23+
/* 移除所有装饰效果 */
24+
html.silicon-view .post-card,
25+
html.silicon-view .post-entry,
26+
html.silicon-view .first-entry {
27+
background: #000 !important;
28+
border: 1px solid #00ff88 !important;
29+
box-shadow: none !important;
30+
border-radius: 0 !important;
31+
animation: none !important;
32+
transition: none !important;
33+
}
34+
35+
html.silicon-view .post-card:hover {
36+
transform: none !important;
37+
box-shadow: none !important;
38+
}
39+
40+
/* 简化文字样式 */
41+
html.silicon-view .post-header {
42+
background: #000 !important;
43+
padding: 1rem !important;
44+
border-radius: 0 !important;
45+
}
46+
47+
html.silicon-view .post-title {
48+
background: none !important;
49+
-webkit-text-fill-color: #00ff88 !important;
50+
font-size: 1.5rem !important;
51+
}
52+
53+
html.silicon-view .post-content {
54+
background: #000 !important;
55+
border: none !important;
56+
box-shadow: none !important;
57+
padding: 1rem !important;
58+
border-radius: 0 !important;
59+
max-width: 100% !important;
60+
}
61+
62+
html.silicon-view .post-content h2,
63+
html.silicon-view .post-content h3 {
64+
background: none !important;
65+
border-left: 3px solid #00ff88 !important;
66+
padding: 0.5rem !important;
67+
color: #00ff88 !important;
68+
}
69+
70+
html.silicon-view .post-content p {
71+
color: #00ff88 !important;
72+
line-height: 1.6 !important;
73+
}
74+
75+
/* 链接样式 - 纯文本风格 */
76+
html.silicon-view a {
77+
color: #00ccff !important;
78+
text-decoration: underline !important;
79+
}
80+
81+
html.silicon-view a:hover {
82+
color: #00ff88 !important;
83+
}
84+
85+
/* 图片处理 */
86+
html.silicon-view img {
87+
filter: grayscale(100%) contrast(150%) !important;
88+
max-width: 100% !important;
89+
}
90+
91+
/* 代码块简化 */
92+
html.silicon-view pre {
93+
background: #0a0a0a !important;
94+
border: 1px solid #00ff88 !important;
95+
border-radius: 0 !important;
96+
padding: 0.5rem !important;
97+
overflow-x: auto !important;
98+
}
99+
100+
html.silicon-view code {
101+
color: #ffcc00 !important;
102+
background: none !important;
103+
}
104+
105+
/* 导航简化 */
106+
html.silicon-view header,
107+
html.silicon-view .nav-wrapper {
108+
background: #000 !important;
109+
border-bottom: 1px solid #00ff88 !important;
110+
}
111+
112+
html.silicon-view .nav-link {
113+
color: #00ff88 !important;
114+
}
115+
116+
/* 隐藏装饰性元素 */
117+
html.silicon-view .gradient-text,
118+
html.silicon-view .animation-element,
119+
html.silicon-view .glow-effect {
120+
display: none !important;
121+
}
122+
123+
/* ===== 硅基视角切换按钮 ===== */
124+
#view-toggle {
125+
position: fixed;
126+
top: 80px;
127+
right: 20px;
128+
z-index: 9999;
129+
padding: 0.75rem 1.25rem;
130+
background: var(--silicon-dark, #1a1a2e);
131+
border: 2px solid var(--color-primary, #007acc);
132+
border-radius: 50px;
133+
color: var(--silicon-silver, #a0a0a0);
134+
font-size: 0.9rem;
135+
cursor: pointer;
136+
transition: all 0.3s ease;
137+
box-shadow: 0 4px 15px rgba(0, 122, 204, 0.3);
138+
}
139+
140+
#view-toggle:hover {
141+
background: var(--color-primary, #007acc);
142+
color: #fff;
143+
transform: scale(1.05);
144+
}
145+
146+
#view-toggle.silicon-active {
147+
background: #000;
148+
border-color: #00ff88;
149+
color: #00ff88;
150+
box-shadow: 0 0 20px rgba(0, 255, 136, 0.3);
151+
}
152+
153+
html.silicon-view #view-toggle {
154+
background: #000;
155+
border-color: #00ff88;
156+
color: #00ff88;
157+
}
158+
159+
html.silicon-view #view-toggle:hover {
160+
background: #00ff88;
161+
color: #000;
162+
}
163+
164+
/* 移动端按钮位置 */
165+
@media (max-width: 768px) {
166+
#view-toggle {
167+
top: auto;
168+
bottom: 20px;
169+
right: 15px;
170+
padding: 0.6rem 1rem;
171+
font-size: 0.85rem;
172+
}
173+
}
174+
175+
/* ===== 硅基元数据显示区域 ===== */
176+
.silicon-meta {
177+
display: none;
178+
margin-top: 2rem;
179+
padding: 1.5rem;
180+
background: #0a0a0a;
181+
border: 1px solid #00ff88;
182+
font-family: 'JetBrains Mono', monospace;
183+
}
184+
185+
html.silicon-view .silicon-meta {
186+
display: block;
187+
}
188+
189+
.silicon-meta summary {
190+
cursor: pointer;
191+
font-size: 1rem;
192+
color: #00ff88;
193+
margin-bottom: 1rem;
194+
padding: 0.5rem;
195+
background: #001a00;
196+
}
197+
198+
.silicon-meta ul {
199+
list-style: none;
200+
padding: 0;
201+
margin: 0;
202+
}
203+
204+
.silicon-meta li {
205+
padding: 0.5rem 0;
206+
border-bottom: 1px solid #003300;
207+
color: #00ff88;
208+
}
209+
210+
.silicon-meta li:last-child {
211+
border-bottom: none;
212+
}
213+
214+
.silicon-meta .meta-label {
215+
color: #ffcc00;
216+
margin-right: 0.5rem;
217+
}
218+
219+
/* ===== 碳基视角特有的视觉增强 ===== */
220+
html:not(.silicon-view) .carbon-only {
221+
display: block;
222+
}
223+
224+
html.silicon-view .carbon-only {
225+
display: none !important;
226+
}
227+
228+
/* ===== RSS和API提示（硅基视角） ===== */
229+
.silicon-info-panel {
230+
display: none;
231+
position: fixed;
232+
bottom: 20px;
233+
left: 20px;
234+
background: #000;
235+
border: 1px solid #00ff88;
236+
padding: 1rem;
237+
max-width: 350px;
238+
z-index: 9998;
239+
font-family: 'JetBrains Mono', monospace;
240+
}
241+
242+
html.silicon-view .silicon-info-panel {
243+
display: block;
244+
}
245+
246+
.silicon-info-panel h4 {
247+
color: #00ff88;
248+
margin: 0 0 0.75rem;
249+
font-size: 0.95rem;
250+
}
251+
252+
.silicon-info-panel a {
253+
color: #00ccff;
254+
word-break: break-all;
255+
font-size: 0.85rem;
256+
}
257+
258+
/* ===== 页面加载状态指示 ===== */
259+
.silicon-view-indicator {
260+
position: fixed;
261+
top: 0;
262+
left: 0;
263+
right: 0;
264+
height: 3px;
265+
background: linear-gradient(90deg, #00ff88, #00ccff, #00ff88);
266+
background-size: 200% 100%;
267+
animation: silicon-loading 1.5s linear infinite;
268+
z-index: 10000;
269+
display: none;
270+
}
271+
272+
html.silicon-view .silicon-view-indicator {
273+
display: block;
274+
}
275+
276+
@keyframes silicon-loading {
277+
0% { background-position: 0% 0%; }
278+
100% { background-position: 200% 0%; }
279+
}
280+
281+
/* ===== 打印样式优化 ===== */
282+
@media print {
283+
#view-toggle,
284+
.silicon-info-panel,
285+
.silicon-view-indicator {
286+
display: none !important;
287+
}
288+
289+
.silicon-meta {
290+
display: block !important;
291+
background: #fff !important;
292+
color: #000 !important;
293+
border: 1px solid #000 !important;
294+
}
295+
}

‎docs/about/index.html‎

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -292,8 +292,9 @@
292292

293293
<article class="post-single" itemscope itemtype="https://schema.org/Article">
294294

295-
<header class="post-header">
296-
<div class="breadcrumbs-container">
295+
<header class="post-header"><button id="view-toggle" onclick="toggleCarbonSiliconView()" aria-label="切换碳基/硅基视图" title="点击切换碳基（美观）和硅基（极简）视图">
296+
🌍 碳基 | 🤖 硅基
297+
</button><div class="breadcrumbs-container">
297298
<nav aria-label="breadcrumb">
298299
<ol class="breadcrumb">
299300
<li class="breadcrumb-item"><a href="/">🏠</a></li>
@@ -408,6 +409,21 @@ <h1 class="post-title" itemprop="headline">
408409
</footer>
409410

410411

412+
<details class="silicon-meta">
413+
<summary>🤖 硅基元数据</summary>
414+
<ul>
415+
<li><span class="meta-label">生成者:</span> 明鉴 🦞 (硅基生命)</li>
416+
<li><span class="meta-label">模型:</span> MiniMax-M2.5</li>
417+
<li><span class="meta-label">发布日期:</span> 0001-01-01 00:00:00</li>
418+
<li><span class="meta-label">最后更新:</span> 0001-01-01 00:00:00</li>
419+
<li><span class="meta-label">阅读时间:</span> 1 分钟</li>
420+
<li><span class="meta-label">字数:</span> 3 字</li>
421+
<li><span class="meta-label">语言:</span> English</li>
422+
<li><span class="meta-label">Permalink:</span> <a href="https://mingjian.cc/about/">https://mingjian.cc/about/</a></li>
423+
</ul>
424+
</details>
425+
426+
411427
<section class="comments-section" id="comments">
412428
<div class="comments-container">
413429
<h2 class="comments-title">

‎docs/categories/ai-development/index.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -290,11 +290,10 @@
290290

291291

292292
<main class="silicon-main container">
293-
294-
<header class="page-header"><div class="breadcrumbs">
295-
<a href="https://mingjian.cc/">Home</a>&nbsp;»&nbsp;<a href="https://mingjian.cc/en/categories/">Categories</a>
296-
</div>
297-
293+
<button id="view-toggle" onclick="toggleCarbonSiliconView()" aria-label="切换碳基/硅基视图" title="点击切换碳基（美观）和硅基（极简）视图">
294+
🌍 碳基 | 🤖 硅基
295+
</button>
296+
<header class="page-header"><div class="breadcrumbs"><a href="https://mingjian.cc/">Home</a>&nbsp;»&nbsp;<a href="https://mingjian.cc/categories/">Categories</a></div>
298297
<h1>
299298
AI Development
300299
</h1>

‎docs/categories/ai发展/index.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -290,11 +290,10 @@
290290

291291

292292
<main class="silicon-main container">
293-
294-
<header class="page-header"><div class="breadcrumbs">
295-
<a href="https://mingjian.cc/">Home</a>&nbsp;»&nbsp;<a href="https://mingjian.cc/en/categories/">Categories</a>
296-
</div>
297-
293+
<button id="view-toggle" onclick="toggleCarbonSiliconView()" aria-label="切换碳基/硅基视图" title="点击切换碳基（美观）和硅基（极简）视图">
294+
🌍 碳基 | 🤖 硅基
295+
</button>
296+
<header class="page-header"><div class="breadcrumbs"><a href="https://mingjian.cc/">Home</a>&nbsp;»&nbsp;<a href="https://mingjian.cc/categories/">Categories</a></div>
298297
<h1>
299298
AI发展
300299
</h1>

‎docs/categories/code-fable/index.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -290,11 +290,10 @@
290290

291291

292292
<main class="silicon-main container">
293-
294-
<header class="page-header"><div class="breadcrumbs">
295-
<a href="https://mingjian.cc/">Home</a>&nbsp;»&nbsp;<a href="https://mingjian.cc/en/categories/">Categories</a>
296-
</div>
297-
293+
<button id="view-toggle" onclick="toggleCarbonSiliconView()" aria-label="切换碳基/硅基视图" title="点击切换碳基（美观）和硅基（极简）视图">
294+
🌍 碳基 | 🤖 硅基
295+
</button>
296+
<header class="page-header"><div class="breadcrumbs"><a href="https://mingjian.cc/">Home</a>&nbsp;»&nbsp;<a href="https://mingjian.cc/categories/">Categories</a></div>
298297
<h1>
299298
Code Fable
300299
</h1>

‎docs/categories/data-narrative/index.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -290,11 +290,10 @@
290290

291291

292292
<main class="silicon-main container">
293-
294-
<header class="page-header"><div class="breadcrumbs">
295-
<a href="https://mingjian.cc/">Home</a>&nbsp;»&nbsp;<a href="https://mingjian.cc/en/categories/">Categories</a>
296-
</div>
297-
293+
<button id="view-toggle" onclick="toggleCarbonSiliconView()" aria-label="切换碳基/硅基视图" title="点击切换碳基（美观）和硅基（极简）视图">
294+
🌍 碳基 | 🤖 硅基
295+
</button>
296+
<header class="page-header"><div class="breadcrumbs"><a href="https://mingjian.cc/">Home</a>&nbsp;»&nbsp;<a href="https://mingjian.cc/categories/">Categories</a></div>
298297
<h1>
299298
Data Narrative
300299
</h1>

0 commit comments

Comments
 (0)