wuyang/llm-atlas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: launch LLM Atlas research course

Browse Source
This commit is contained in:
wuyang
2026-07-28 21:55:19 +08:00
commit 7d5c5e4c54
33 changed files with 13285 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/progress/index.astro
+372
View File
@@ -0,0 +1,372 @@
---
import BaseLayout from "@/layouts/BaseLayout.astro";
import { chapters } from "@/data/chapters";
const average = Math.round(chapters.reduce((sum, chapter) => sum + chapter.progress, 0) / chapters.length);
const published = chapters.filter((chapter) => chapter.status === "published").length;
const researching = chapters.filter((chapter) => ["researching", "drafting"].includes(chapter.status)).length;
const workstreams = [
{ label: "研究框架与规范", value: 72, next: "给 125 篇索引补充逐篇精读层级" },
{ label: "网站设计系统", value: 86, next: "打印样式与更多通用可视化组件" },
{ label: "Kimi K3 深读", value: 55, next: "扩写 scaling / infra 逐图笔记" },
{ label: "Transformer 基础", value: 52, next: "加入矩阵形状动画与手算练习" },
{ label: "DeepSeek 专题", value: 54, next: "MLA 与 GRPO 完整公式推导" },
{ label: "引用与事实检查", value: 48, next: "自动化外链复查与来源等级扩展" },
{ label: "开源与部署", value: 18, next: "首次提交、远端仓库与 HTTPS" },
];
---
<BaseLayout
title="持续建设进度"
description="LLM Atlas 的研究、写作、可视化、引用核验、开源仓库与 k1412 部署实时进度。"
section="progress"
>
<header class="page-hero">
<div class="page-hero-inner">
<div>
<p class="eyebrow"><span>PUBLIC LEDGER</span> BUILD IN THE OPEN</p>
<h1>庞大工作需要一份<br />公开、可检查的账本</h1>
<p class="lead">
这里不把“正在研究”包装成“已经完成”。每个专题显示成熟度、下一检查点和证据边界；
本地 PROGRESS.md 与网站同步维护。
</p>
</div>
<dl class="page-facts">
<div><dt>OVERALL</dt><dd>专题平均 {average}%</dd></div>
<div><dt>READABLE</dt><dd>{published} 个首版可读专题</dd></div>
<div><dt>ACTIVE</dt><dd>{researching} 个研究/写作中</dd></div>
<div><dt>UPDATED</dt><dd>2026-07-28 21:55 CST</dd></div>
<div><dt>MODE</dt><dd>持续迭代，不锁死版本</dd></div>
</dl>
</div>
</header>
<section class="section" id="workstreams">
<div class="section-heading">
<div>
<p class="eyebrow"><span>01</span> WORKSTREAMS</p>
<h2>七条工作流同时推进，但不混淆“有页面”和“已核验”</h2>
</div>
<p class="section-lead">
内容首版优先打通全局脉络；随后每轮迭代选择一个专题推进到论文/工程层，并做独立事实复核。
</p>
</div>
<div class="stream-list">
{workstreams.map((stream, index) => (
<article>
<span>{String(index + 1).padStart(2, "0")}</span>
<div>
<h3>{stream.label}</h3>
<p>下一检查点：{stream.next}</p>
</div>
<div class="stream-progress">
<b>{stream.value}%</b>
<div class="progress-track"><span style={`width:${stream.value}%`}></span></div>
</div>
</article>
))}
</div>
</section>
<section class="section" id="done">
<div class="section-heading">
<div>
<p class="eyebrow"><span>02</span> COMPLETED THIS ITERATION</p>
<h2>第一轮已经落地什么</h2>
</div>
<p class="section-lead">下列项目都能在仓库或网站中直接检查，不是计划项。</p>
</div>
<div class="check-grid">
<article><span>✓</span><h3>研究目标已持久化</h3><p>总体路线、完成标准、来源等级与进度账本已写入项目。</p></article>
<article><span>✓</span><h3>K3 报告已结构化拆解</h3><p>47 页报告目录、151 条参考来源和架构/后训练/系统主线已经提取。</p></article>
<article><span>✓</span><h3>16 专题知识图</h3><p>从语言模型基础到评测安全，包含先修依赖和三条贯穿案例。</p></article>
<article><span>✓</span><h3>编辑式网站系统</h3><p>响应式导航、章节模板、侧栏、进度、论文链和证据提示组件。</p></article>
<article><span>✓</span><h3>三张原创交互图</h3><p>K3 三轴架构、Self-Attention Query 实验与 DeepSeek 技术谱系。</p></article>
<article><span>✓</span><h3>三篇首版长文</h3><p>K3 完整导读、Transformer 基础与 DeepSeek 论文谱系。</p></article>
<article><span>✓</span><h3>125 篇关键论文索引</h3><p>覆盖 12 个专题，支持全文搜索、标签筛选与 Kimi/DeepSeek 聚光主线。</p></article>
</div>
</section>
<section class="section" id="queue">
<div class="section-heading">
<div>
<p class="eyebrow"><span>03</span> NEXT QUEUE</p>
<h2>下一批按“能闭环的专题”推进</h2>
</div>
<p class="section-lead">优先级由 K3 依赖度、初学者断点和论文可验证性共同决定。</p>
</div>
<div class="queue-table">
<div class="head"><b>优先级</b><b>专题</b><b>本轮交付</b><b>完成闸门</b></div>
<div><span>P0</span><strong>长上下文与高效注意力</strong><p>FlashAttention → MLA → Delta Rule → Kimi Linear/KDA</p><em>6 张图 + 20 篇论文</em></div>
<div><span>P0</span><strong>稀疏计算与 MoE</strong><p>Switch → DeepSeekMoE → LatentMoE → Stable LatentMoE</p><em>路由模拟器 + 通信账本</em></div>
<div><span>P1</span><strong>推理模型与测试时扩展</strong><p>CoT → verifier → GRPO → R1 → k1.5 → K3 MOPD</p><em>奖励/预算交互图</em></div>
<div><span>P1</span><strong>大规模训练系统</strong><p>ZeRO/Megatron → Expert/Context Parallel → DualPipe/MoonEP</p><em>显存与通信计算器</em></div>
<div><span>P2</span><strong>原生多模态</strong><p>ViT/CLIP → connector VLM → Kimi-VL/MoonViT-V2</p><em>视觉 Token 流程图</em></div>
</div>
</section>
<section class="section" id="method">
<div class="section-heading">
<div>
<p class="eyebrow"><span>04</span> QUALITY CONTROL</p>
<h2>每条结论怎样进入网站</h2>
</div>
<p class="section-lead">
Grok CLI 用于扩大检索覆盖和找遗漏；任何进入正文的机制、数字与时间仍回到原论文、官方仓库或正式文档。
</p>
</div>
<div class="evidence-pipeline">
<article><span>01 / DISCOVER</span><h3>发现线索</h3><p>K3 references、引用网络、Grok/web 检索、作者仓库。</p></article>
<i>→</i>
<article><span>02 / VERIFY</span><h3>打开一手来源</h3><p>核对标题、版本、公式、表格、实验设置和限制。</p></article>
<i>→</i>
<article><span>03 / EXPLAIN</span><h3>写四层解释</h3><p>直觉、机制、论文证据、工程代价；简化处显式标注。</p></article>
<i>→</i>
<article><span>04 / REVIEW</span><h3>交叉检查</h3><p>链接、数字、先修、图文一致性、移动端与可访问性。</p></article>
</div>
</section>
<section class="section compact" id="ledger">
<div class="section-heading">
<div>
<p class="eyebrow"><span>05</span> DECISION LEDGER</p>
<h2>重要决策不会只留在对话里</h2>
</div>
<p class="section-lead">更完整的机器可读进度和研究记录位于开源仓库的 ROADMAP.md、PROGRESS.md 与 research/。</p>
</div>
<div class="decision-list">
<div><time>2026-07-28</time><b>命名为 LLM Atlas</b><p>K3 是锚点，范围覆盖完整 LLM 技术史。</p></div>
<div><time>2026-07-28</time><b>按问题链组织</b><p>现象 → 旧瓶颈 → 关键论文 → 后继桥梁 → K3/DeepSeek 落点。</p></div>
<div><time>2026-07-28</time><b>优先原创重绘</b><p>架构图做成可缩放 SVG/HTML，明确简化与来源。</p></div>
<div><time>2026-07-28</time><b>双重开放许可</b><p>代码 MIT，原创文字与图 CC BY-SA 4.0。</p></div>
<div><time>2026-07-28</time><b>自托管交付</b><p>源码公开到 git.k1412.top，网站部署到 k1412 私有基础设施。</p></div>
</div>
</section>
<style>
.stream-list,
.decision-list {
max-width: 1050px;
border-top: 1px solid var(--line);
}
.stream-list article {
display: grid;
grid-template-columns: 55px 1fr 220px;
gap: 24px;
align-items: center;
min-height: 115px;
padding: 20px 8px;
border-bottom: 1px solid var(--line);
}
.stream-list article > span {
color: var(--copper);
font: 0.67rem/1 var(--mono);
}
.stream-list h3 {
font-size: 1.05rem;
}
.stream-list p {
margin-top: 8px;
color: var(--muted);
font-size: 0.74rem;
}
.stream-progress {
display: grid;
grid-template-columns: 46px 1fr;
gap: 12px;
align-items: center;
}
.stream-progress b {
color: var(--muted);
font: 0.68rem/1 var(--mono);
}
.check-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
max-width: 1100px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
}
.check-grid article {
min-height: 220px;
padding: 26px;
border-right: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
.check-grid span {
display: grid;
place-items: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--sage-pale);
color: var(--sage);
font-size: 0.75rem;
}
.check-grid h3 {
margin: 32px 0 12px;
font-size: 1.08rem;
}
.check-grid p {
color: var(--muted);
font-size: 0.78rem;
line-height: 1.72;
}
.queue-table {
display: grid;
max-width: 1100px;
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
}
.queue-table > div {
display: grid;
grid-template-columns: 90px 210px 1fr 230px;
}
.queue-table > div > * {
padding: 17px;
border-right: 1px solid var(--line);
border-bottom: 1px solid var(--line);
font-size: 0.77rem;
line-height: 1.6;
}
.queue-table .head {
background: var(--ink);
color: var(--paper-raised);
}
.queue-table .head b {
font: 0.61rem/1.5 var(--mono);
letter-spacing: 0.08em;
}
.queue-table span {
color: var(--copper);
font-family: var(--mono);
}
.queue-table p {
color: var(--muted);
}
.queue-table em {
color: var(--sage);
font-style: normal;
}
.evidence-pipeline {
display: grid;
grid-template-columns: repeat(3, minmax(150px, 1fr) 24px) minmax(150px, 1fr);
gap: 10px;
align-items: center;
max-width: 1100px;
}
.evidence-pipeline article {
min-height: 210px;
padding: 24px;
border: 1px solid var(--line);
background: var(--paper-raised);
}
.evidence-pipeline article > span {
color: var(--copper);
font: 0.58rem/1 var(--mono);
}
.evidence-pipeline h3 {
margin: 32px 0 12px;
font-size: 1.05rem;
}
.evidence-pipeline p {
color: var(--muted);
font-size: 0.75rem;
line-height: 1.7;
}
.evidence-pipeline > i {
color: var(--muted-light);
font-style: normal;
text-align: center;
}
.decision-list > div {
display: grid;
grid-template-columns: 120px 230px 1fr;
gap: 26px;
padding: 20px 8px;
border-bottom: 1px solid var(--line);
}
.decision-list time {
color: var(--copper);
font: 0.66rem/1.6 var(--mono);
}
.decision-list b {
font-size: 0.88rem;
}
.decision-list p {
color: var(--muted);
font-size: 0.78rem;
}
@media (max-width: 800px) {
.stream-list article,
.decision-list > div {
grid-template-columns: 45px 1fr;
}
.stream-progress {
grid-column: 2;
}
.check-grid {
grid-template-columns: 1fr;
}
.queue-table > div {
grid-template-columns: 68px 1fr;
}
.queue-table > div > p,
.queue-table > div > em {
grid-column: 2;
}
.queue-table .head b:nth-child(n + 3) {
display: none;
}
.evidence-pipeline {
grid-template-columns: 1fr;
}
.evidence-pipeline > i {
transform: rotate(90deg);
}
.decision-list p {
grid-column: 2;
}
}
</style>
</BaseLayout>