Skip to content

index.md

Latest commit

 

History

History
436 lines (369 loc) · 10.6 KB

index.md

File metadata and controls

436 lines (369 loc) · 10.6 KB
Raw
layout page
head
link
rel href
preconnect
太原理工大学 · 先进计算机系统研究实验室

前置讲义

为低年级、零基础学生设计循序渐进的CPU设计、计算机系统前置学习路径，
本届26新讲义请加入实验室获取学习，网站不进行收录。

关于本项目

本作品《太原理工大学"一生一芯"工作室前置讲义》由 许鹏远及之后的接任核心负责人 主持创作，旨在为先进计算机系统研究实验室的教学工作提供系统支持，并采用CC BY-NC-SA 4.0 协议进行授权。

本前置讲义在"一生一芯"计划现有教学内容的基础上，结合太原理工大学的课程培养方案，设计了具有针对性的前置学习路径。讲义内容面向低年级、零基础学生，讲义难度循序渐进，以基础学习为主，降低学习门槛。

本文档遵循 CC BY-NC-SA 4.0 开源协议。 转载或使用须标注所有者 太原理工大学"一生一芯"工作室，并标注该文档的 github 链接； 二次创作请以相同许可协议开源。

阅读完整协议 →
<style> /* ═══════════════════════════════════════════════════════ TYPE SCALE & COLORS ═══════════════════════════════════════════════════════ */ :root { --c-ink: #0f172a; --c-ink2: #475569; --c-paper: #f8f7f4; --c-white: #ffffff; --c-border: #e7e5e0; --c-red: #c1292e; --c-blue: #1e40af; --c-gold: #92400e; } /* ═══════════════════════════════════════════════════════ HERO ═══════════════════════════════════════════════════════ */ .hero { color: #0f172a; position: relative; padding: 64px 24px 40px; } @media (min-width: 768px) { .hero { padding: 80px 48px 64px; } } .hero-inner { position: relative; z-index: 2; /* 确保内容在遮罩之上 */ max-width: 960px; margin: 0 auto; } .hero::after { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.01'/%3E%3C/svg%3E"); pointer-events: none; z-index: 1; } .hero-overline { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; margin-bottom: 20px; position: relative; z-index: 2; } .hero-headline { font-family: 'Noto Serif SC', serif; font-size: clamp(42px, 8vw, 80px); font-weight: 900; color: #0f172a; line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 24px; max-width: 14ch; position: relative; z-index: 2; } .hero-body { font-family: 'Noto Sans SC', sans-serif; font-size: 16px; line-height: 1.9; color: #334155; max-width: 560px; margin: 0 0 36px; position: relative; z-index: 2; } .hero-links { display: flex; align-items: center; gap: 12px; font-size: 18px; position: relative; z-index: 2; } .link-sep { color: #94a3b8; font-weight: 300; } .link-arrow { color: #0f172a; text-decoration: none; font-weight: 600; font-family: 'Noto Sans SC', sans-serif; transition: color 0.2s; position: relative; } .link-arrow:hover { color: #c1292e; } .link-arrow .arr { display: inline-block; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin-left: 2px; } .link-arrow:hover .arr { transform: translateX(4px); } .hero-mark { position: absolute; right: max(20px, calc((100vw - 960px) / 2 - 240px)); top: 50%; transform: translateY(-50%); width: 220px; height: 220px; opacity: 0.9; z-index: 2; } @media (max-width: 767px) { .hero-mark { display: none; } } .hero-mark img { width: 100%; height: 100%; object-fit: contain; } @media (max-width: 767px) { .hero-mark { display: none; } } .hero-mark img { width: 100%; height: 100%; object-fit: contain; } /* ═══════════════════════════════════════════════════════ ABOUT ═══════════════════════════════════════════════════════ */ .about { max-width: 960px; margin: 0 auto; padding: 0 24px 64px; } .about-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 48px; } @media (max-width: 699px) { .about-grid { grid-template-columns: 1fr; gap: 40px; } } .about-heading { font-family: 'Noto Serif SC', serif; font-size: 22px; font-weight: 700; color: var(--c-ink); margin: 0 0 20px; } .about-main p { font-size: 15px; color: var(--c-ink2); line-height: 2; margin: 0 0 14px; text-indent: 2em; } .about-links ul { list-style: none; padding: 0; margin: 0; } .about-links li { border-bottom: 1px solid var(--c-border); } .about-links li:first-child { border-top: 1px solid var(--c-border); } .about-links a { display: block; padding: 12px 0; text-decoration: none; color: var(--c-ink); font-size: 14px; font-weight: 500; transition: color 0.2s, padding-left 0.2s; } .about-links a:hover { color: var(--c-red); padding-left: 6px; } /* ═══════════════════════════════════════════════════════ LICENSE ═══════════════════════════════════════════════════════ */ .license { max-width: 960px; margin: 0 auto; padding: 0 24px 32px; } .license-inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 0; border-top: 1px solid var(--c-border); } @media (max-width: 600px) { .license-inner { flex-direction: column; } } .license-inner p { font-size: 13px; color: var(--c-ink2); line-height: 1.9; margin: 0; max-width: 600px; } .license-inner a { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--c-ink2); text-decoration: none; white-space: nowrap; transition: color 0.2s; border-bottom: 1px dotted var(--c-border); padding-bottom: 2px; } .license-inner a:hover { color: var(--c-red); border-color: var(--c-red); } /* ═══════════════════════════════════════════════════════ FOOTER ═══════════════════════════════════════════════════════ */ .pg-footer { max-width: 960px; margin: 0 auto; padding: 16px 24px 48px; } .pg-footer p { font-family: 'Noto Serif SC', serif; font-size: 14px; color: #cbd5e1; text-align: right; } /* ═══════════════════════════════════════════════════════ DARK MODE (VitePress 暗色模式) ═══════════════════════════════════════════════════════ */ /* Hero 区域 - 暗色模式 */ .dark .hero { color: #f1f5f9; } .dark .hero::after { opacity: 0.02; } .dark .hero-overline { color: #94a3b8; } .dark .hero-headline { color: #f8fafc; } .dark .hero-body { color: #cbd5e1; } .dark .link-arrow { color: #f1f5f9; } .dark .link-arrow:hover { color: #f87171; } .dark .link-sep { color: #64748b; } .dark .hero-mark { opacity: 0.95; } /* About 区域 - 暗色模式 */ .dark .about-heading { color: #f1f5f9; } .dark .about-main p { color: #94a3b8; } .dark .about-links li { border-bottom-color: #334155; } .dark .about-links li:first-child { border-top-color: #334155; } .dark .about-links a { color: #f1f5f9; } .dark .about-links a:hover { color: #f87171; } /* License 区域 - 暗色模式 */ .dark .license-inner { border-top-color: #334155; } .dark .license-inner p { color: #94a3b8; } .dark .license-inner a { color: #94a3b8; border-bottom-color: #334155; } .dark .license-inner a:hover { color: #f87171; border-color: #f87171; } /* Footer - 暗色模式 */ .dark .pg-footer p { color: #64748b; } </style>