为什么这个博客选择 Astro

用一篇示例文章展示 Astro、MDX、Mermaid、代码高亮和目录能力。

2026年7月25日预计阅读 1 分钟阅读

Astro 更像是一套“把内容生产成网站”的工具,而不是一个需要长期运行的博客后台。

整体流程

flowchart LR A[本地编写 Markdown] --> B[推送到 Gitee] B --> C[服务器拉取仓库] C --> D[Astro 构建] D --> E[Nginx 发布静态文件]
文章从本地到网站的流程

一个文章文件

---
title: 我的第一篇文章
description: 文章摘要
pubDate: 2026-07-26
category: 学习记录
tags:
  - Astro
draft: false
---

正文依然按照普通 Markdown 编写。

为什么适合个人网站

Astro 构建完成后,访问者得到的是已经生成好的 HTML、CSS 和少量 JavaScript。

这意味着:

  1. 服务器压力小;
  2. 页面打开快;
  3. 文章和图片可以统一放在仓库;
  4. 首页和项目展示可以完全自定义;
  5. 不需要维护文章数据库和管理后台。

MDX 能做什么

普通文章用 Markdown 即可;需要流程图或交互组件时,可以把文件后缀改成 .mdx,然后在文章里引入 Astro 组件。

评论

友善交流,保持具体。

评论和浏览量尚未启用

本地预览不需要配置。以后部署 Waline 后,在 .env中填写 PUBLIC_WALINE_SERVER_URL 即可启用。