Post
关于本站:Zemengzhou Space
关于 Zemengzhou Space —— 一个记录学习笔记与工程实践的个人网站,包含站点介绍、内容方向、技术栈、写作与发布工作流,以及页面设计的更新日志。
关于本站:Zemengzhou Space
关于本站
本站名为 Zemengzhou Space,域名 zemengzhou.com,于 2026 年 5 月 22 日搭建完成,参考了朋友 Alex Xie 的博客,并持续打磨成自己的风格。
这里以备忘为主,记录学习过程中值得留存的推导、方法与整理——写下来不仅是为了不忘,也是为了在回看时能快速捡起思路。
内容方向
- 高等数学 — 极值与拐点、不定积分与积分技巧、定积分与黎曼和、参数方程与反函数求导等考研数学核心专题
- 自动控制原理 — 二阶系统分析、稳态误差与系统型别、根轨迹基本概念、梅森公式、高阶系统主导极点等
- 课程设计与工程项目 — 控制系统电气接线、项目过程记录等
- 个人生活 — 不定期更新
技术栈
- 框架:Astro v6,纯静态输出
- 数学渲染:KaTeX(
remark-math+rehype-katex) - 全文搜索:纯前端,构建时生成
/search-index.json - 评论:Waline(自建服务端,可在国内访问)
- 主题:固定浅色风格
- 托管:Vercel,连接至 GitHub
main分支,push 后自动部署
工作流程
写作与格式
文章以 Markdown 编写,支持 KaTeX 数学公式——行内用 $...$,块级用 $$...$$。每篇文章头部需声明 frontmatter:
---
title: 文章标题
date: 2026-05-22T21:00:00+08:00
description: 一句话摘要。
tags:
- 高等数学
draft: false
---
文件名即 URL slug(如 integral-techniques.md 对应 /posts/integral-techniques);draft: true 的文章不出现在任何列表页,可安全暂存。
数学题目使用专门的 Markdown 环境排版,区分选择题、填空题、解答题、选项区与解答区:
:::: choice
选择题题干
::: options
A. 选项一
B. 选项二
C. 选项三
D. 选项四
:::
::::
::: solution
解答过程
:::
填空题使用 ::: blank,解答题使用 ::: written。这些环境会在文章页渲染为统一的题目卡片,避免选择题选项、题干和解答混在一起导致版面拥挤。
AI 辅助
本站的搭建与日常维护,很大程度上依赖 AI 编程工具。前期主要使用 Claude Code,从 2026 年 6 月 10 日开始,也使用 Codex 辅助更新文章、修改页面和推送代码。
这些工具在本站中承担的工作包括:
- 建站阶段 — 初始化 Astro 项目、配置路由、实现搜索索引、接入 KaTeX、Waline 评论、TOC 滚动高亮等功能;CSS 布局调试与样式迭代也几乎全部通过 Claude Code 完成。
- 文章上传 — 新文章写好后,由 Claude Code 将文件放置到正确路径、补全 frontmatter 字段、检查格式,再执行 git 提交与推送,全程无需手动操作。
- 日常维护 — 页面改版、组件调整、bug 修复等,均通过对话来描述需求、审阅 diff、确认后合并。
这套方式让“有想法→上线”的周期压缩到十几分钟——我只需要专注于内容本身,工程细节交给 AI 工具处理。
发布流程
文章或改动就绪后,由 Claude Code 或 Codex 执行以下命令,Vercel 自动构建,约 1~2 分钟上线:
git add .
git commit -m "描述改动"
git push
联系
我同时是知乎博主(1.1 万粉丝),欢迎关注:知乎 / 择梦舟
更新日志
以下主要记录站点功能、工作流程和页面设计的变更,不逐条记录普通文章更新。
2026-06-22
- 新增
Links顶部导航分组,拆分为Friends与Apply - 新增 Friends 友链页面,并先加入本站
Zemengzhou Space作为展示样例 - 新增 Apply 友链申请页面,接入 Waline 评论区,方便直接提交友链申请
- 调整首页 Recent Posts 容器配色,让标题区和列表背景更柔和
2026-06-19
- 重新启用评论功能,改用 Waline 以提升国内访问可用性
- 修复 Archive 移动端年份与文章数量行的排版问题
- 调整夜间模式下 Archive 和 Changelog 热力图的颜色对比度
2026-06-17
- About 拆分为 Website 与 Changelog,更新日志改为 GitHub 风格时间线
- Archive、Tag、About 的站点统计与页面风格进一步统一
2026-06-15
- 优化 Archive 页面移动端布局,侧栏卡片更紧凑,热力图月份与格子对齐
- 新增 Exam Progress 卡片,倒计时与日/周/月/年进度按当前时间动态计算
- 新增 Today 卡片,按访问 IP 时区显示日期、星期与时间
2026-06-14
- 桌面端导航多次迭代:玻璃层简化、背景全宽、间距微调,回归 Century 风格
- 首页 hero 新增 intro 打字效果,多段文案轮播,布局保持稳定
- 夜间模式全面优化:
- 背景从冷紫黑改为暖棕黑,正文用温暖米白,减少阅读数学笔记时的刺眼感
- 增强标题、正文、日期、摘要、链接之间的层级
- 数学公式深色适配(KaTeX / MathJax / Markdown),块级公式加暖色半透明背景和琥珀边框,移动端支持横向滚动
- 解答题/选择题/解答容器(QA 环境)独立适配,自然融入深色背景
- 代码高亮切换为 css-variables 主题,深色模式下语法高亮清晰可见
- 浅色模式不受影响
2026-06-12
- Tag 页面排版优化
- 新增 Browse by Tag 索引区域,让标签导航更清晰
- 优化 tag chip、文章分组标题、文章卡片和“查看全部”按钮的视觉层级
2026-06-11
- 新增数学题目 Markdown 环境:
choice、blank、written、options、solution - 统一更新现有数学文章中的题目与解答排版,选择题选项独立成块,解答区单独标识
2026-06-10
- 暂时取消 Claude Pro 订阅,开始使用 Codex 辅助维护本站,DeepSeek 接入 Claude Code
2026-06-07
- 导航标题和文章目录支持 KaTeX 公式渲染
- 移除评论区功能
2026-06-06
- 新增
favicon.ico,修复百度搜索结果图标缺失 - 补全首页头像
alt属性 - 补全 meta 标签:
author(择梦舟)、keywords、theme-color - 分类页折叠导航重构:科目板块与章节均改用原生
<details>实现,默认折叠,点击展开
2026-06-05
- 接入 Astro View Transitions,站内导航无刷新,顶栏跨页保持稳定
- KaTeX CSS 改为按需加载,
BaseLayout体积 54 kB → 25 kB - 搜索索引正文截断至 600 字,体积 120 kB → 52 kB
- TOC 滚动改用 IntersectionObserver,SPA 切换后各脚本正确重建
2026-06-04
- 接入 OG 分享卡片、RSS 订阅与 Sitemap
- 文章页新增相关文章推荐与系列导航
- 手机端 TOC 默认折叠;图片转 WebP,体积最高减少 75%
2026-06-03
- 修复锚点跳转被顶栏遮挡(
scroll-padding-top) - 手机端顶栏改为两行纵向布局
2026-06-01
- 目录(TOC)支持 KaTeX 公式渲染,标题中的数学表达式可正常显示
2026-05-26
- 增强金色流光动画效果,调整动画时长
2026-05-25
- 首页侧栏加入立绘
- 删除深色模式,改为固定浅色风格
- 立绘做圆角软边处理;手机端不加载立绘以节省带宽
2026-05-24
- UI 重设计:全宽磨砂顶栏 + 暖色径向背景,局部引入 liquid glass 风格
- 站名 Zemengzhou Space 改为斜体衬线艺术字,暖色渐变 + 微光 shimmer 动画
- 目录(TOC)新增滚动高亮当前章节、支持 h4 标题层级
- 搜索升级:正文全文索引、得分排序、关键词高亮、snippet 摘要、搜索框吸顶
- 评论系统接入 Waline(可自建服务端,国内访问友好)
2026-05-22
- 建站,基于 Astro v6 初始化,完成基础配色与页面路由
Discussion
Comments
Share questions, corrections, or extra notes about this post.