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 顶部导航分组,拆分为 FriendsApply
  • 新增 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 环境:choiceblankwrittenoptionssolution
  • 统一更新现有数学文章中的题目与解答排版,选择题选项独立成块,解答区单独标识

2026-06-10

  • 暂时取消 Claude Pro 订阅,开始使用 Codex 辅助维护本站,DeepSeek 接入 Claude Code

2026-06-07

  • 导航标题和文章目录支持 KaTeX 公式渲染
  • 移除评论区功能

2026-06-06

  • 新增 favicon.ico,修复百度搜索结果图标缺失
  • 补全首页头像 alt 属性
  • 补全 meta 标签:author(择梦舟)、keywordstheme-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 初始化,完成基础配色与页面路由
Back to archive

Discussion

Comments

Post

Share questions, corrections, or extra notes about this post.