mirror of
https://github.com/riba2534/TCP-IP-NetworkNote.git
synced 2026-06-30 18:06:04 +08:00
c6ddea28fe
将笔记转化为精美的 VitePress 静态电子书网站： - site/ 工程目录：构建脚本从 chXX/README.md + .c 源码 + images/ 幂等生成 19 个章节页 + 96 个源码页（每个 .c 独立页面，Shiki 语法高亮） - 构建脚本零依赖，处理 3 种代码链接形态（同章/跨章/绝对URL）+ 110 处图片路径转换，保持原 Markdown 结构不变 - 首页 hero 用 AI 生成的网络主题封面图，配套 favicon 多尺寸 - 中文衬线正文排版 + GitHub 风格代码主题 + 本地全文搜索 - GitHub Actions + wrangler 自动部署到 Cloudflare Pages - 域名 tcp.riba2534.cn 原 chXX/ 目录与根 README 保持不动，网站内容每次构建从源重新生成。
66 lines
1.4 KiB
CSS
66 lines
1.4 KiB
CSS
/* TCP/IP 网络编程笔记 — 电子书排版 */
|
|
|
|
:root {
|
|
--vp-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
'PingFang SC', 'Microsoft YaHei', sans-serif;
|
|
--vp-font-family-mono: 'JetBrains Mono', 'Fira Code', Menlo, Consolas,
|
|
'Courier New', monospace;
|
|
--content-max-width: 880px;
|
|
}
|
|
|
|
/* 正文段落用中文衬线，提升长文阅读舒适度 */
|
|
.vp-doc p,
|
|
.vp-doc li {
|
|
font-family: 'Source Han Serif SC', 'Noto Serif CJK SC', 'Songti SC', STSong,
|
|
'STZhongsong', serif;
|
|
line-height: 1.85;
|
|
letter-spacing: 0.02em;
|
|
}
|
|
|
|
/* 标题与 UI 用无衬线，保持清晰 */
|
|
.vp-doc h1,
|
|
.vp-doc h2,
|
|
.vp-doc h3,
|
|
.vp-doc h4 {
|
|
font-family: var(--vp-font-family-base);
|
|
}
|
|
|
|
/* 代码块 */
|
|
.vp-doc pre {
|
|
font-size: 0.875rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.vp-doc code {
|
|
font-family: var(--vp-font-family-mono);
|
|
}
|
|
|
|
/* 行内代码微调 */
|
|
.vp-doc :not(pre) > code {
|
|
font-size: 0.875em;
|
|
}
|
|
|
|
/* 图片居中带阴影圆角 */
|
|
.vp-doc img {
|
|
display: block;
|
|
margin: 1.5rem auto;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* 表格交替行底色 */
|
|
.vp-doc table {
|
|
display: block;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
/* 源码页"返回本章"链接 */
|
|
.vp-doc .back-to-chapter {
|
|
display: inline-block;
|
|
margin-bottom: 1.5rem;
|
|
font-family: var(--vp-font-family-base);
|
|
font-size: 0.9rem;
|
|
color: var(--vp-c-brand-1);
|
|
}
|