跳到正文
Junx Journal
← 全部文章
技术2026/10/122 分钟阅读

给博客一个新家:从 VitePress 到 Astro

不只是换一个框架,而是重新思考内容、阅读体验与表达的方式。

为什么重新开始

博客不只是文章的仓库,也可以是一个人的长期工作台。这个初稿尝试把技术笔记与生活随记放在同一个空间,让内容拥有清晰的入口。

从内容开始组织

Astro 的内容集合允许我们给 Markdown 定义字段和校验规则。文章标题、日期、标签和摘要不再是零散约定,而是明确的数据结构。

title: 一篇新的记录
description: 用一句话说明文章的内容
date: 2026-10-12
category: 技术
tags: [Astro, 前端开发]
draft: false

页面与内容分开

文章放在内容目录,页面负责路由,组件负责呈现,布局负责共同的导航与元信息。修改视觉风格时,不必重新整理文章。

阅读体验优先

  • 清晰的标题与正文层级。
  • 合理的行宽与段落间距。
  • 支持键盘操作和移动设备。
  • 提供文章目录、标签入口和 RSS。

不必一次做完所有功能。先让写作和阅读变得顺畅,再逐步增加真正需要的东西。

迁移时要保留什么

旧链接、文章日期、图片与代码块都值得仔细处理。VitePress 的自定义容器和 Vue 组件需要逐一转换,不能只复制文件就认为迁移已经完成。

下一步

先核对旧站的 URL 清单,再迁移一篇有图片、代码和提示块的文章作为样本。验证通过后,批量迁移其余内容。

系列 · 博客重构手记 · 第 1 / 2 篇

  1. 给博客一个新家:从 VitePress 到 Astro
  2. 边做边学:让一个想法真正落地

搜索文章

输入关键词,或选择一个分类。

浏览全部文章 →

↑ ↓ 选择结果 · Enter 打开 · Esc 关闭