Building My Developer Portfolio with Astro, WebGL and Structured Data

说明与用途

使用 Astro 构建的个人作品集，具有干净的 HTML、最小化的 JavaScript、SEO 元数据、JSON‑LD 结构化数据，并部署在 GitHub Pages 上。

问题

Create a personal developer portfolio that showcases projects, learning, and identity while maintaining performance, SEO, and structured data.

结果

The portfolio now presents projects with detailed pages, improved SEO, structured data linking identity to projects, and a clean, fast static site hosted on GitHub Pages.

工作流

• Choose Astro for fast static pages and minimal JS
• Organize project structure into src/components, src/data, src/layouts, src/lib, src/pages
• Centralize site configuration (name, GitHub, topics, URL)
• Create project pages with tech details and links
• Add SEO metadata (titles, descriptions, canonical URLs, Open Graph, Twitter, robots)
• Add JSON‑LD Person entity and project relationships
• Deploy to GitHub Pages via CI workflow

证据

I wanted my portfolio to be more than a collection of project cards.

来源

Astro fit those requirements very well.

来源

I added standard metadata such as: Page titles, Descriptions, Canonical URLs, Open Graph metadata, Twitter metadata, Robots directives

来源

I also added JSON‑LD structured data.

来源

The website is deployed using GitHub Pages.

来源