Skip to content

Commit c4d9c54

Browse files
dadongshangudadongshangu
committed
Restore GitHub Pages default Markdown rendering with inline navigation styles
1 parent a4919c5 commit c4d9c54

File tree

10 files changed

+162
-268
lines changed

10 files changed

+162
-268
lines changed

‎_config.yml‎

Lines changed: 0 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -7,28 +7,3 @@ description: Vibe Coding 和 Cursor 完整教程体系
77
# GitHub Pages baseurl（项目页面需要设置）
88
baseurl: "/vibe_coding"
99
url: "https://dadongshangu.github.io"
10-
11-
# 启用 Markdown 中的 HTML
12-
markdown: kramdown
13-
kramdown:
14-
input: GFM
15-
hard_wrap: false
16-
syntax_highlighter: rouge
17-
18-
# 包含的文件
19-
include:
20-
- tutorials
21-
- examples
22-
23-
# 排除的文件
24-
exclude:
25-
- README.md
26-
- SETUP_GITHUB.md
27-
- create_github_repo.ps1
28-
- .git
29-
- .gitignore
30-
31-
# 其他设置
32-
safe: true
33-
lsi: false
34-
incremental: false

‎index.html‎

Lines changed: 18 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
---
2-
layout: default
3-
title: Vibe Coding 学习教程
4-
---
5-
61
# Vibe Coding 学习教程
72

83
这是一个用于学习和记录 Vibe Coding、Cursor 等 AI 编程工具使用方法的教程仓库。
@@ -185,26 +180,22 @@
185180

186181
---
187182

188-
<div class="navigation">
189-
190-
<div class="nav-item">
191-
<p class="nav-label">上一篇</p>
192-
<p class="nav-link nav-disabled">
193-
已是第一篇
194-
</p>
195-
</div>
196-
197-
<div class="nav-item center">
198-
<p class="nav-link nav-disabled">
199-
当前在主页
200-
</p>
201-
</div>
202-
203-
<div class="nav-item right">
204-
<p class="nav-label">下一篇</p>
205-
<p class="nav-link">
206-
<a href="/vibe_coding/tutorials/README.html">教程索引 →</a>
207-
</p>
208-
</div>
209-
183+
<div style="display: flex; justify-content: space-between; align-items: center; margin: 40px 0; padding: 20px; background: #f5f5f5; border-radius: 8px; flex-wrap: wrap;">
184+
<div style="flex: 1; min-width: 150px;">
185+
<p style="margin: 0; color: #666; font-size: 14px;">上一篇</p>
186+
<p style="margin: 5px 0 0 0; color: #999;">
187+
已是第一篇
188+
</p>
189+
</div>
190+
<div style="flex: 1; text-align: center; min-width: 150px;">
191+
<p style="margin: 0; color: #999;">
192+
当前在主页
193+
</p>
194+
</div>
195+
<div style="flex: 1; text-align: right; min-width: 150px;">
196+
<p style="margin: 0; color: #666; font-size: 14px;">下一篇</p>
197+
<p style="margin: 5px 0 0 0;">
198+
<a href="/vibe_coding/tutorials/README.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">教程索引 →</a>
199+
</p>
200+
</div>
210201
</div>

‎tutorials/README.md‎

Lines changed: 18 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
---
2-
layout: default
3-
title: 教程索引
4-
---
5-
61
# 教程索引
72

83
> Vibe Coding 和 Cursor 完整教程体系
@@ -95,28 +90,24 @@ title: 教程索引
9590

9691
---
9792

98-
<div class="navigation">
99-
100-
<div class="nav-item">
101-
<p class="nav-label">上一篇</p>
102-
<p class="nav-link nav-disabled">
103-
已是第一篇
104-
</p>
105-
</div>
106-
107-
<div class="nav-item center">
108-
<p class="nav-link">
109-
<a href="/vibe_coding/">🏠 返回主页</a>
110-
</p>
111-
</div>
112-
113-
<div class="nav-item right">
114-
<p class="nav-label">下一篇</p>
115-
<p class="nav-link">
116-
<a href="/vibe_coding/tutorials/vibe-coding/beginner-guide.html">Vibe Coding 初学者完全指南 →</a>
117-
</p>
118-
</div>
119-
93+
<div style="display: flex; justify-content: space-between; align-items: center; margin: 40px 0; padding: 20px; background: #f5f5f5; border-radius: 8px; flex-wrap: wrap;">
94+
<div style="flex: 1; min-width: 150px;">
95+
<p style="margin: 0; color: #666; font-size: 14px;">上一篇</p>
96+
<p style="margin: 5px 0 0 0; color: #999;">
97+
已是第一篇
98+
</p>
99+
</div>
100+
<div style="flex: 1; text-align: center; min-width: 150px;">
101+
<p style="margin: 0;">
102+
<a href="/vibe_coding/" style="color: #0366d6; text-decoration: none; font-weight: 500;">🏠 返回主页</a>
103+
</p>
104+
</div>
105+
<div style="flex: 1; text-align: right; min-width: 150px;">
106+
<p style="margin: 0; color: #666; font-size: 14px;">下一篇</p>
107+
<p style="margin: 5px 0 0 0;">
108+
<a href="/vibe_coding/tutorials/vibe-coding/beginner-guide.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">Vibe Coding 初学者完全指南 →</a>
109+
</p>
110+
</div>
120111
</div>
121112

122113
---

‎tutorials/cursor/advanced-features.md‎

Lines changed: 18 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
---
2-
layout: default
3-
title: Cursor 高级功能指南
4-
---
5-
61
# Cursor 高级功能指南
72

83
> 深入掌握 Cursor 的高级功能，提升开发效率
@@ -495,28 +490,24 @@ async function getUser(userId) {
495490

496491
---
497492

498-
<div class="navigation">
499-
500-
<div class="nav-item">
501-
<p class="nav-label">上一篇</p>
502-
<p class="nav-link">
503-
<a href="/vibe_coding/tutorials/vibe-coding/advanced-guide.html">← Vibe Coding 高级指南</a>
504-
</p>
505-
</div>
506-
507-
<div class="nav-item center">
508-
<p class="nav-link">
509-
<a href="/vibe_coding/">🏠 返回主页</a>
510-
</p>
511-
</div>
512-
513-
<div class="nav-item right">
514-
<p class="nav-label">下一篇</p>
515-
<p class="nav-link">
516-
<a href="/vibe_coding/tutorials/vibe-coding/case-studies.html">实战项目案例 →</a>
517-
</p>
518-
</div>
519-
493+
<div style="display: flex; justify-content: space-between; align-items: center; margin: 40px 0; padding: 20px; background: #f5f5f5; border-radius: 8px; flex-wrap: wrap;">
494+
<div style="flex: 1; min-width: 150px;">
495+
<p style="margin: 0; color: #666; font-size: 14px;">上一篇</p>
496+
<p style="margin: 5px 0 0 0;">
497+
<a href="/vibe_coding/tutorials/vibe-coding/advanced-guide.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">← Vibe Coding 高级指南</a>
498+
</p>
499+
</div>
500+
<div style="flex: 1; text-align: center; min-width: 150px;">
501+
<p style="margin: 0;">
502+
<a href="/vibe_coding/" style="color: #0366d6; text-decoration: none; font-weight: 500;">🏠 返回主页</a>
503+
</p>
504+
</div>
505+
<div style="flex: 1; text-align: right; min-width: 150px;">
506+
<p style="margin: 0; color: #666; font-size: 14px;">下一篇</p>
507+
<p style="margin: 5px 0 0 0;">
508+
<a href="/vibe_coding/tutorials/vibe-coding/case-studies.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">实战项目案例 →</a>
509+
</p>
510+
</div>
520511
</div>
521512

522513
---

‎tutorials/cursor/quick-reference.md‎

Lines changed: 18 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
---
2-
layout: default
3-
title: Cursor 快速参考手册
4-
---
5-
61
# Cursor 快速参考手册
72

83
> Cursor IDE 快捷键、命令和配置速查表
@@ -408,28 +403,24 @@ title: Cursor 快速参考手册
408403

409404
---
410405

411-
<div class="navigation">
412-
413-
<div class="nav-item">
414-
<p class="nav-label">上一篇</p>
415-
<p class="nav-link">
416-
<a href="/vibe_coding/tutorials/vibe-coding/beginner-guide.html">← Vibe Coding 初学者完全指南</a>
417-
</p>
418-
</div>
419-
420-
<div class="nav-item center">
421-
<p class="nav-link">
422-
<a href="/vibe_coding/">🏠 返回主页</a>
423-
</p>
424-
</div>
425-
426-
<div class="nav-item right">
427-
<p class="nav-label">下一篇</p>
428-
<p class="nav-link">
429-
<a href="/vibe_coding/tutorials/vibe-coding/prompt-engineering.html">Prompt 工程完全指南 →</a>
430-
</p>
431-
</div>
432-
406+
<div style="display: flex; justify-content: space-between; align-items: center; margin: 40px 0; padding: 20px; background: #f5f5f5; border-radius: 8px; flex-wrap: wrap;">
407+
<div style="flex: 1; min-width: 150px;">
408+
<p style="margin: 0; color: #666; font-size: 14px;">上一篇</p>
409+
<p style="margin: 5px 0 0 0;">
410+
<a href="/vibe_coding/tutorials/vibe-coding/beginner-guide.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">← Vibe Coding 初学者完全指南</a>
411+
</p>
412+
</div>
413+
<div style="flex: 1; text-align: center; min-width: 150px;">
414+
<p style="margin: 0;">
415+
<a href="/vibe_coding/" style="color: #0366d6; text-decoration: none; font-weight: 500;">🏠 返回主页</a>
416+
</p>
417+
</div>
418+
<div style="flex: 1; text-align: right; min-width: 150px;">
419+
<p style="margin: 0; color: #666; font-size: 14px;">下一篇</p>
420+
<p style="margin: 5px 0 0 0;">
421+
<a href="/vibe_coding/tutorials/vibe-coding/prompt-engineering.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">Prompt 工程完全指南 →</a>
422+
</p>
423+
</div>
433424
</div>
434425

435426
---

‎tutorials/vibe-coding/advanced-guide.md‎

Lines changed: 18 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
---
2-
layout: default
3-
title: Vibe Coding 高级指南
4-
---
5-
61
# Vibe Coding 高级指南
72

83
> 深入掌握 Vibe Coding 的高级技巧、最佳实践和进阶应用
@@ -809,28 +804,24 @@ AI 生成的代码可能不符合你的预期：
809804

810805
---
811806

812-
<div class="navigation">
813-
814-
<div class="nav-item">
815-
<p class="nav-label">上一篇</p>
816-
<p class="nav-link">
817-
<a href="/vibe_coding/tutorials/vibe-coding/prompt-engineering.html">← Prompt 工程完全指南</a>
818-
</p>
819-
</div>
820-
821-
<div class="nav-item center">
822-
<p class="nav-link">
823-
<a href="/vibe_coding/">🏠 返回主页</a>
824-
</p>
825-
</div>
826-
827-
<div class="nav-item right">
828-
<p class="nav-label">下一篇</p>
829-
<p class="nav-link">
830-
<a href="/vibe_coding/tutorials/cursor/advanced-features.html">Cursor 高级功能指南 →</a>
831-
</p>
832-
</div>
833-
807+
<div style="display: flex; justify-content: space-between; align-items: center; margin: 40px 0; padding: 20px; background: #f5f5f5; border-radius: 8px; flex-wrap: wrap;">
808+
<div style="flex: 1; min-width: 150px;">
809+
<p style="margin: 0; color: #666; font-size: 14px;">上一篇</p>
810+
<p style="margin: 5px 0 0 0;">
811+
<a href="/vibe_coding/tutorials/vibe-coding/prompt-engineering.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">← Prompt 工程完全指南</a>
812+
</p>
813+
</div>
814+
<div style="flex: 1; text-align: center; min-width: 150px;">
815+
<p style="margin: 0;">
816+
<a href="/vibe_coding/" style="color: #0366d6; text-decoration: none; font-weight: 500;">🏠 返回主页</a>
817+
</p>
818+
</div>
819+
<div style="flex: 1; text-align: right; min-width: 150px;">
820+
<p style="margin: 0; color: #666; font-size: 14px;">下一篇</p>
821+
<p style="margin: 5px 0 0 0;">
822+
<a href="/vibe_coding/tutorials/cursor/advanced-features.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">Cursor 高级功能指南 →</a>
823+
</p>
824+
</div>
834825
</div>
835826

836827
---

‎tutorials/vibe-coding/beginner-guide.md‎

Lines changed: 18 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
---
2-
layout: default
3-
title: Vibe Coding 初学者完全指南
4-
---
5-
61
# Vibe Coding 初学者完全指南
72

83
> 适合零基础学习者的 Vibe Coding 和 Cursor 使用指南
@@ -687,28 +682,24 @@ Vibe Coding 是一种全新的编程方式，通过 AI 辅助，让编程变得
687682

688683
---
689684

690-
<div class="navigation">
691-
692-
<div class="nav-item">
693-
<p class="nav-label">上一篇</p>
694-
<p class="nav-link">
695-
<a href="/vibe_coding/tutorials/README.html">← 教程索引</a>
696-
</p>
697-
</div>
698-
699-
<div class="nav-item center">
700-
<p class="nav-link">
701-
<a href="/vibe_coding/">🏠 返回主页</a>
702-
</p>
703-
</div>
704-
705-
<div class="nav-item right">
706-
<p class="nav-label">下一篇</p>
707-
<p class="nav-link">
708-
<a href="/vibe_coding/tutorials/cursor/quick-reference.html">Cursor 快速参考手册 →</a>
709-
</p>
710-
</div>
711-
685+
<div style="display: flex; justify-content: space-between; align-items: center; margin: 40px 0; padding: 20px; background: #f5f5f5; border-radius: 8px; flex-wrap: wrap;">
686+
<div style="flex: 1; min-width: 150px;">
687+
<p style="margin: 0; color: #666; font-size: 14px;">上一篇</p>
688+
<p style="margin: 5px 0 0 0;">
689+
<a href="/vibe_coding/tutorials/README.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">← 教程索引</a>
690+
</p>
691+
</div>
692+
<div style="flex: 1; text-align: center; min-width: 150px;">
693+
<p style="margin: 0;">
694+
<a href="/vibe_coding/" style="color: #0366d6; text-decoration: none; font-weight: 500;">🏠 返回主页</a>
695+
</p>
696+
</div>
697+
<div style="flex: 1; text-align: right; min-width: 150px;">
698+
<p style="margin: 0; color: #666; font-size: 14px;">下一篇</p>
699+
<p style="margin: 5px 0 0 0;">
700+
<a href="/vibe_coding/tutorials/cursor/quick-reference.html" style="color: #0366d6; text-decoration: none; font-weight: 500;">Cursor 快速参考手册 →</a>
701+
</p>
702+
</div>
712703
</div>
713704

714705
---

0 commit comments

Comments
 (0)