开始使用澄屿
安装依赖、启动本地网站,修改站名、作者与部署地址。
下载模板后,在包含 package.json 的目录打开终端。下列命令都在该目录执行。
检查本机环境
项目要求 Node.js 24 或更高版本,锁定的包管理器为 pnpm 11.25.0;当前示例在 Node.js 24 环境验证。先检查版本:
node --versionpnpm --version如果终端提示找不到命令,先安装对应运行环境。保留项目的 pnpm-lock.yaml,这样安装使用同一套依赖版本。
pnpm install --frozen-lockfilepnpm dev打开终端显示的地址,默认是 http://127.0.0.1:4321/。这是本机开发服务,不是已经上线的站点。若该端口正被另一份预览占用,可以先停止它,或者执行 pnpm dev --port 4322。
修改站名和作者
打开 site.config.ts,在现有对象中修改下列字段,其他配置保留。下面是局部修改示意,不要用它替换整个文件:
title: '我的记录',subtitle: '技术笔记与日常记录',author: { name: '你的名字', bio: '用自己的话介绍这里。', tags: ['写作', '阅读'], github: '', email: '',},保存后检查页头、首页、关于页和文章署名。邮箱与 GitHub 留空时相应入口隐藏。首页首屏、生活切片与关于页介绍分别由 hero、life、about 配置;修改图片时同时更新替代文字和来源提示。
设置部署地址
site 是公开网站的完整地址,base 是部署路径。它们影响规范地址、RSS、站点地图和资源链接。下面的域名只是示意,发布前替换成自己的地址:
site: 'https://your-domain.example',base: '/',如果网站将放在某个 /blog/ 子目录,使用 base: '/blog/',构建与托管位置保持一致。本机仍打开终端地址,无需把 site 改成 127.0.0.1。
开发预览和产物预览
| 命令 | 适合做什么 |
|---|---|
pnpm dev |
修改正文、配置和组件,查看开发效果 |
pnpm check |
检查内容字段、引用和 Astro 类型 |
pnpm build |
生成并校验完整网站 |
pnpm preview |
查看已经构建好的网站 |
需要核对完整全文搜索时,先在开发终端按 Ctrl+C,再执行:
pnpm checkpnpm buildpnpm preview浏览首页、文章、资料和搜索。预览服务读取已有 dist,此时修改源文件需要重新构建才会出现变化。构建成功只更新本机产物,不会自动上传 GitHub 或部署。
新建文章
模板没有预装 first-note 这个 ID,你可以在停止预览后运行:
pnpm new article first-note新文章默认为私人草稿。接着阅读新建、预览与发布文章,使用本机草稿模式查看它。
按专题顺序继续阅读