Astro作品集博客

stevedylan.dev — Astro 作品集模板

作者 stevedylandev

stevedylan.dev 是 stevedylandev 的个人网站与博客仓库,基于 Astro 与 Astro Cactus 主题演化而来,用 MDX 内容集合承载写作,并保留少量按请求服务端渲染的页面。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

基于 Astro 构建的个人网站与博客,最初源自 Astro Cactus 主题并已明显改动

02

内容以 MDX 集合组织,分为 pages 与 post 两类,便于维护写作与页面

03

以预渲染为主,个别页面通过 prerender = false 改为按请求服务端渲染

04

动态页面从作者单独运行的小型原子服务获取实时数据,而非集中式单体应用

05

仓库含 wrangler.toml,与 Cloudflare 部署配置相关

06

采用 MIT 许可,代码可免费使用、修改、商用与分发

模板详细介绍

这是一个个人网站兼数字花园,用于汇集作者的写作与兴趣内容。README 说明它使用 Astro 构建,最初基于 Astro Cactus 主题,但多年来已有较大改动。

内容组织上,仓库把 MDX 文章与页面放在 src/content 下的集合中,分为 pages 与 post 两类;图片资源放在 src/assets,静态资源、图标与字体放在 public,站点级配置集中在 src/site.config.ts。页面路由位于 src/pages,同时包含静态页面与 SSR 页面。

渲染方式以预渲染为主,部分页面通过 export const prerender = false 改为按请求服务端渲染,用于从外部服务获取实时数据。README 提到这些动态页面调用作者单独运行的小型原子服务,而不是把全部功能塞进一个应用。仓库还包含 scripts 目录用于构建与工具脚本,以及 wrangler.toml 作为 Cloudflare 配置。

许可方面,仓库采用 MIT 许可,允许免费使用、修改、商用与分发该版本代码,但演示图片、字体、图标等第三方素材需按各自许可单独核对;域名、托管等外部服务可能另行收费。

Astro作品集博客

适合你的项目吗?

适用场景

  • 搭建个人网站与博客,用 MDX 管理文章与页面
  • 参考 Astro 内容集合与静态/SSR 混合渲染的目录组织方式
  • 在 Cloudflare 环境下部署带少量动态数据页面的站点
  • 作为个人数字花园,汇集写作与兴趣内容

适合人群

  • 希望用 Astro 构建个人博客或作品集的开发者
  • 需要 MDX 内容集合与静态优先渲染方案的人
  • 愿意自行维护外部数据服务以支撑动态页面的使用者
  • 能接受基于他人主题二次开发并自行调整样式的项目

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    仓库基于 Astro,需按 Astro 项目方式安装依赖并运行构建命令

  2. 2

    内容位于 src/content 下的 pages 与 post 集合,新增文章需遵循对应集合结构

  3. 3

    站点级配置集中在 src/site.config.ts,可按需修改站点信息

  4. 4

    部分页面依赖作者单独运行的外部原子服务,使用前需自行准备或替换数据来源

  5. 5

    部署配置见 wrangler.toml,涉及 Cloudflare 相关设置

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 项目最初基于 Astro Cactus 主题,虽已大幅改动,但若沿用其代码或样式,仍需遵守该上游主题自身的许可与署名要求。
  • 部分动态页面依赖作者单独运行的外部原子服务(andromeda.build),使用这些页面需自行准备或替换数据来源,可能涉及外部服务账号或费用。
  • 仓库包含 Cloudflare 部署配置,实际部署到 Cloudflare 等托管平台可能产生额外费用。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

originally based on the [Astro Cactus theme](https://astro.build/themes/details/astro-cactus/) but significantly diverged over the years

README 原文

Dynamic pages fetch from small atomic services I run separately (see [andromeda.build](https://andromeda.build)) rather than bundling everything into one massive app.

README 原文

wrangler.toml # Cloudflare config

README 原文
https://github.com/stevedylandev/stevedylan.dev/blob/main/LICENSEhttps://github.com/stevedylandev/stevedylan.dev/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 92 / 100
技术栈
Astro
网站类型
作品集 · 博客
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-09-28
截图检查日期
2026-10-03

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: e9dbf60ee3018f134f01dc9343243fca9b3a9749a089d18f3ad2b33602a08b84

2026-10-03T00:08:53.632Z

来源文件 / 仓库
# stevedylan.dev

![cover](./preview.jpg)

</br>

My personal website and digital garden for all my writing and interests. Built with [Astro](https://astro.build), originally based on the [Astro Cactus theme](https://astro.build/themes/details/astro-cactus/) but significantly diverged over the years. Most content is `prerendered`, while some pages are server-rendered per request via `export const prerender = false` to pull live data from external services.

### Structure

```
stevedylan.dev/
├── public/             # static assets, icons, fonts
├── scripts/            # build/utility scripts
├── src/
│   ├── assets/         # images used in posts/pages
│   ├── components/     # Astro components
│   ├── content/        # MDX posts and pages (collections)
│   │   ├── pages/
│   │   └── post/
│   ├── data/           # static data sources
│   ├── layouts/        # page layouts
│   ├── pages/          # routes (static + SSR)
│   ├── styles/         # global CSS
│   ├── utils/          # helpers
│   └── site.config.ts  # site-wide config
├── astro.config.mjs
└── wrangler.toml       # Cloudflare config
```

### Dynamic Pages

![diagram](./public/blog-images/personal-site-structure.svg)

Dynamic pages fetch from small atomic services I run separately (see [andromeda.build](https://andromeda.build)) rather than bundling everything into one massive app.

## License

[MIT](LICENSE)
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。