Skip to content

Commit 4051643

Browse files
shumingyang-opencodeshumingyang-opencode
committed
Deepen all 8 GitLab units: MR workflow, Issues/Boards, CI/CD, Pages, vs GitHub + glossary
1 parent 18891ee commit 4051643

14 files changed

Lines changed: 1228 additions & 1214 deletions

‎about.html‎

Lines changed: 14 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -3,85 +3,57 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>關於本站 · GitLab 繁中教學站</title>
7-
<meta name="description" content="關於本站的緣起、授權與建置方式。">
6+
<title>關於本站 · GitLab 繁體中文教學站</title>
7+
<meta name="description" content="GitLab 教學站關於頁">
88
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
99
<link rel="stylesheet" href="assets/site.css">
1010
</head>
1111
<body>
1212
<div class="container">
13-
1413
<header>
1514
<h1>關於本站</h1>
1615
<p class="subtitle">緣起、授權與建置方式</p>
1716
</header>
18-
1917
<nav class="topnav">
2018
<a href="index.html">首頁</a>
2119
<a href="map.html">概念地圖</a>
2220
<a href="learning-path.html">學習路線</a>
2321
<a href="docs/index.html">單元教學</a>
22+
<a href="glossary.html">術語表</a>
2423
<a href="about.html">關於</a>
25-
</nav>
26-
27-
<div class="back-link"><a href="index.html">← 回首頁</a></div>
28-
24+
</nav><div class="back-link"><a href="index.html">← 回首頁</a></div>
2925
<div class="guide">
3026
<h2>這個網站是什麼</h2>
31-
<p>
32-
一份把 <strong>GitLab 平台</strong>從平台概念、第一個專案，教到 CI/CD、Pages，
33-
並與 GitHub 詳細比較的繁體中文教學網站。目標讀者是<strong>初階工程師與學生</strong>——
34-
你可能已熟悉 GitHub，想認識「另一種 DevOps 平台」。
35-
</p>
36-
<p>
37-
本站採用<strong>中英對照</strong>：中文解說為主，技術名詞與指令保留英文，
38-
讓你同時學會「怎麼做」與「怎麼說」。
39-
</p>
40-
27+
<p>一份把 <strong>GitLab 平台</strong>從平台概念、第一個專案，教到 CI/CD、Pages，並與 GitHub 詳細比較的<strong>中英對照深度教學</strong>的繁體中文網站。目標讀者是<strong>初階工程師與學生</strong>——你可能已熟悉 GitHub，想認識「另一種 DevOps 平台」。</p>
28+
<p>本站採用<strong>中英對照</strong>：中文解說為主，技術名詞與指令保留英文，讓你同時學會「怎麼做」與「怎麼說」。</p>
4129
<h2>為什麼要學 GitLab</h2>
4230
<ul>
4331
<li>少數能完全自架的 DevOps 平台——程式碼與 CI/CD 都留在自家。</li>
4432
<li>一體化設計：從 Issue 到部署同一套產品。</li>
4533
<li>認識「GitHub 之外的世界」，懂得比較與選型。</li>
4634
</ul>
47-
4835
<h2>本站建置</h2>
4936
<ul class="timeline">
5037
<li>決定主題與課程大綱（8 單元、中英對照、含 GitLab vs GitHub 比較專章）</li>
5138
<li>承襲既有教學站的深色 × 霓虹設計語言與架構慣例</li>
52-
<li>建立首頁、概念地圖、學習路線與單元教學架構</li>
53-
<li>逐單元撰寫內容，持續擴充與修正</li>
39+
<li>每個單元設計「定義/原理 + 步驟 + Worked Example + 常見錯誤 + 練習 + 看完應能說出」結構</li>
40+
<li>新增術語表速查頁，涵蓋核心概念、協作審查、CI/CD 與專案管理</li>
5441
</ul>
55-
5642
<h2>授權</h2>
57-
<div class="license-box">
58-
<strong>本站教學內容</strong>（繁體中文解說）為本站原創，以
59-
<strong>CC-BY-4.0</strong> 授權釋出——歡迎引用、改作、分享，惟需標示來源。
60-
<br><br>
61-
文中技術名詞與操作引用自
62-
<a href="https://docs.gitlab.com/" rel="noopener">GitLab Docs</a>
63-
與 <a href="https://git-scm.com/doc" rel="noopener">Git 官方文件</a>。
64-
</div>
65-
43+
<div class="license-box"><strong>本站教學內容</strong>（繁體中文解說）為本站原創，以 <strong>CC-BY-4.0</strong> 授權釋出——歡迎引用、改作、分享，惟需標示來源。<br><br>文中技術名詞與操作引用自 <a href="https://docs.gitlab.com/" rel="noopener">GitLab Docs</a> 與 <a href="https://git-scm.com/doc" rel="noopener">Git 官方文件</a>。</div>
6644
<h2>技術資訊</h2>
6745
<div class="file-tree">gitlab-tech-zh-tw/
6846
├── index.html <span class="f">課程總覽</span>
6947
├── map.html <span class="f">概念地圖</span>
7048
├── learning-path.html <span class="f">學習路線</span>
7149
├── about.html <span class="f">關於本站</span>
50+
├── glossary.html <span class="f">📖 術語表</span>
7251
├── docs/ <span class="dir">單元教學</span>
7352
│ ├── index.html <span class="f">單元一覽</span>
74-
│ └── unit-01…08 <span class="f">8 篇教學頁</span>
53+
│ └── unit-01…08 <span class="f">8 篇深度教學頁</span>
7554
├── assets/site.css <span class="f">單一共享樣式</span>
7655
└── .nojekyll <span class="f">GitHub Pages 直出</span></div>
7756
<p class="hint">本站為純靜態 HTML，無建置步驟，直接部署於 GitHub Pages。</p>
78-
</div>
79-
80-
<footer>
81-
這是 GitLab 繁體中文教學站 · 由 OpenCode 建置<br>
82-
<span class="footer-license">本站教學內容（繁體中文解說）為本站原創，採 CC-BY-4.0；技術名詞與操作引用自 <a href="https://docs.gitlab.com/" rel="noopener">GitLab Docs</a> 與 <a href="https://git-scm.com/doc" rel="noopener">Git 官方文件</a>。</span>
83-
</footer>
84-
85-
</div>
86-
</body>
87-
</html>
57+
</div><footer>這是 GitLab 繁體中文教學站 · 由 OpenCode 建置<br>
58+
<span class="footer-license">本站教學內容（繁體中文解說）為本站原創，採 CC-BY-4.0；技術名詞與操作引用自 <a href="https://docs.gitlab.com/" rel="noopener">GitLab Docs</a> 與 <a href="https://git-scm.com/doc" rel="noopener">Git 官方文件</a>。</span></footer>
59+
</div></body></html>

‎docs/index.html‎

Lines changed: 21 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -3,82 +3,67 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>單元教學 · GitLab 繁中教學站</title>
7-
<meta name="description" content="GitLab 8 單元循序漸進教學目錄。">
6+
<title>單元教學 · GitLab 繁體中文教學站</title>
7+
<meta name="description" content="GitLab 8 單元教學目錄">
88
<link rel="icon" type="image/svg+xml" href="../assets/favicon.svg">
99
<link rel="stylesheet" href="../assets/site.css">
1010
</head>
1111
<body>
1212
<div class="container">
13-
1413
<header>
1514
<h1>單元教學</h1>
16-
<p class="subtitle">8 個單元，從認識 GitLab 到與 GitHub 比較</p>
15+
<p class="subtitle">8 個深度單元，每單元含 Worked Example 與練習</p>
1716
</header>
18-
1917
<nav class="topnav">
2018
<a href="../index.html">首頁</a>
2119
<a href="../map.html">概念地圖</a>
2220
<a href="../learning-path.html">學習路線</a>
23-
<a href="index.html">單元教學</a>
21+
<a href="../docs/index.html">單元教學</a>
22+
<a href="../glossary.html">術語表</a>
2423
<a href="../about.html">關於</a>
25-
</nav>
26-
27-
<div class="back-link"><a href="../index.html">← 回首頁</a></div>
28-
24+
</nav><div class="back-link"><a href="../index.html">← 回首頁</a></div>
2925
<div class="card-grid">
3026
<a class="card lv-emerald" href="unit-01-gitlab-intro.html">
3127
<div class="c-name">單元 1 · GitLab 是什麼</div>
32-
<div class="c-zh">GitLab.com vs 自架（CE/EE）、一體化 DevOps。What &amp; Why.</div>
28+
<div class="c-zh">GitLab 是什麼、GitLab.com vs 自架（CE/EE）、一體化 DevOps、認證</div>
3329
<div class="c-tags"><span class="c-tag">概念</span><span class="c-tag">L0</span></div>
3430
</a>
3531
<a class="card lv-cyan" href="unit-02-first-project.html">
3632
<div class="c-name">單元 2 · 第一個專案</div>
37-
<div class="c-zh">Project / Group、clone / push、README。</div>
38-
<div class="c-tags"><span class="c-tag">上手</span><span class="c-tag">L1</span></div>
33+
<div class="c-zh">Project/Group/Subgroup、建立/clone/push、visibility、權限角色</div>
34+
<div class="c-tags"><span class="c-tag">動手做</span><span class="c-tag">L1</span></div>
3935
</a>
4036
<a class="card lv-amber" href="unit-03-branches-mr.html">
4137
<div class="c-name">單元 3 · 分支與 Merge Request</div>
42-
<div class="c-zh">branch、MR（GitLab 的 PR）、衝突處理。</div>
38+
<div class="c-zh">分支操作、MR 是什麼、開 MR 流程、Closes、conflict 解決</div>
4339
<div class="c-tags"><span class="c-tag">協作</span><span class="c-tag">L2</span></div>
4440
</a>
4541
<a class="card lv-amber" href="unit-04-merge-request.html">
46-
<div class="c-name">單元 4 · Merge Request 協作</div>
47-
<div class="c-zh">MR 流程、Approvals、code review、保護分支。</div>
42+
<div class="c-name">單元 4 · Merge Request 深入</div>
43+
<div class="c-zh">MR 頁面、code review、resolve thread、approval rules、squash/rebase/merge</div>
4844
<div class="c-tags"><span class="c-tag">協作</span><span class="c-tag">L2</span></div>
4945
</a>
5046
<a class="card lv-fuchsia" href="unit-05-issues-boards.html">
51-
<div class="c-name">單元 5 · Issues 與專案管理</div>
52-
<div class="c-zh">Issues、labels、milestones、Boards 看板。</div>
47+
<div class="c-name">單元 5 · Issues 與 Boards</div>
48+
<div class="c-zh">Issue、scoped labels、Milestone、Boards Kanban、weight、Epic</div>
5349
<div class="c-tags"><span class="c-tag">管理</span><span class="c-tag">L3</span></div>
5450
</a>
5551
<a class="card lv-fuchsia" href="unit-06-gitlab-ci.html">
56-
<div class="c-name">單元 6 · GitLab CI/CD</div>
57-
<div class="c-zh">.gitlab-ci.yml、Runners、Pipeline、stages。</div>
52+
<div class="c-name">單元 6 · GitLab CI</div>
53+
<div class="c-zh">.gitlab-ci.yml 結構、stages/jobs/runners/artifacts/variables、完整 pipeline 範例</div>
5854
<div class="c-tags"><span class="c-tag">DevOps</span><span class="c-tag">L3</span></div>
5955
</a>
6056
<a class="card lv-fuchsia" href="unit-07-gitlab-pages.html">
6157
<div class="c-name">單元 7 · GitLab Pages</div>
62-
<div class="c-zh">靜態網站部署。</div>
58+
<div class="c-zh">Pages URL、pages job、框架建置、自訂網域與限制</div>
6359
<div class="c-tags"><span class="c-tag">部署</span><span class="c-tag">L3</span></div>
6460
</a>
6561
<a class="card lv-violet" href="unit-08-gitlab-vs-github.html">
6662
<div class="c-name">單元 8 · GitLab vs GitHub</div>
67-
<div class="c-zh">術語、託管、CI/CD、開源、價格、選型建議——詳細比較。</div>
63+
<div class="c-zh">定位/術語/託管/CI/CD/審查/開源/價格/生態/AI/選型</div>
6864
<div class="c-tags"><span class="c-tag">重點</span><span class="c-tag">L4</span></div>
6965
</a>
7066
</div>
71-
72-
<div class="callout info">
73-
<strong>建議路線：</strong>第一次學建議照 <a href="../learning-path.html">學習路線</a> 依序進行；
74-
熟悉 GitHub 的讀者可先跳<a href="unit-08-gitlab-vs-github.html">單元 8</a>看比較。
75-
</div>
76-
77-
<footer>
78-
這是 GitLab 繁體中文教學站 · 由 OpenCode 建置<br>
79-
<span class="footer-license">本站教學內容（繁體中文解說）為本站原創，採 CC-BY-4.0；技術名詞與操作引用自 <a href="https://docs.gitlab.com/" rel="noopener">GitLab Docs</a> 與 <a href="https://git-scm.com/doc" rel="noopener">Git 官方文件</a>。</span>
80-
</footer>
81-
82-
</div>
83-
</body>
84-
</html>
67+
<div class="callout info"><strong>建議路線：</strong>第一次學建議照 <a href="../learning-path.html">學習路線</a> 依序進行；熟悉 GitHub 的讀者可先跳<a href="unit-08-gitlab-vs-github.html">單元 8</a>看比較。</div><footer>這是 GitLab 繁體中文教學站 · 由 OpenCode 建置<br>
68+
<span class="footer-license">本站教學內容（繁體中文解說）為本站原創，採 CC-BY-4.0；技術名詞與操作引用自 <a href="https://docs.gitlab.com/" rel="noopener">GitLab Docs</a> 與 <a href="https://git-scm.com/doc" rel="noopener">Git 官方文件</a>。</span></footer>
69+
</div></body></html>

0 commit comments

Comments
 (0)