用一张图记录网站诞生.txt_×
2026/7/21 · 建站 / Markdown / 图片

用一张图记录网站诞生

一篇带本地图片的 Markdown 范文,演示图片、引用和列表。


这是「二十与三一」的第一篇图文范文。图片不是外部链接,而是和网站一起保存在仓库中,因此不会因为图床失效而消失。

从一个想法到一个地址

二十与三一网站诞生示意图

上图保存在 public/images/blog/site-journey.svg。在 Markdown 中,使用“感叹号 + 中括号图片说明 + 小括号图片路径”的标准语法引用。

这次完成了什么

  • 用 Astro 管理页面和文章
  • 用 Markdown 书写正文
  • 用 GitHub 保存每一次修改
  • 用 Cloudflare Pages 自动部署

一个网站不必在第一天就完美。重要的是,它已经拥有了可以持续生长的地方。

以后可以把 PNG、JPG、WebP 或 SVG 图片放进同一个目录,再用 /images/blog/文件名 引用。

← 返回文章列表

发布于 2026/7/21二十与三一 © 2026