AstroPortfolioBlog

website (mychiffonn) — Astro Portfolio Template

By mychiffonn

An Astro-based academic personal website template that includes a bio, projects, updates, blog, and BibTeX publication list, under the Apache-2.0 license.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Covers common academic homepage content: bio, projects, updates, blog, authors, and publication lists

02

Publication list rendered from a BibTeX file, making it easy to maintain academic publication records

03

Markdown writing supports callouts, math formulas, code highlighting, heading anchors, and sidenotes

04

Blog supports subposts, tags, stages, table of contents, share actions, and multiple authors

05

Built-in sitemap, robots.txt, Open Graph metadata, and generated social images

06

Uses Zod for type-checking configuration and content structures, with native CSS for styling

Template Details

This is an Astro theme for academic personal homepages. The author reorganized their personal website (mychiffonn.com) into a reusable open-source starter template, positioned in the README as an alternative to al-folio. The template covers common content types for academic homepages: bio, projects, updates, blog posts, authors, and publication lists, with the publication list rendered from a BibTeX file. Writing is primarily in Markdown, with support for callouts, math formulas, code highlighting, heading anchors, and sidenotes; the blog supports subposts, tags, stages, table of contents, share actions, and multiple authors. The site is static-first, requiring no UI framework or server adapter by default, uses native CSS for styling, and has minimal interactive scripts. For SEO, it includes a sitemap, robots.txt, Open Graph metadata, and generated social images. Configuration and content structures are type-checked with Zod. The template is built on astro-erudite v2.0.1 and references Maggie Appleton's digital garden and al-folio. Before use, note: the README suggests that those who directly clone the author's website switch to the Astro theme repository; this repository also contains documentation for developing and releasing the theme itself, so when using it as a starter template, configure and customize it according to docs/INSTALL.md and docs/CUSTOMIZATION.md.

AstroPortfolioBlog

Is it right for your project?

Use Cases

  • Building a personal academic homepage to showcase bio, projects, and publications
  • Maintaining a research blog or digital garden-style notes in Markdown
  • Managing and displaying a publication list with BibTeX
  • Blog content sites that need multiple authors, tags, and table of contents organization

Suitable For

  • Researchers, teachers, and students who need an academic personal homepage
  • Writers accustomed to managing content with Markdown and BibTeX
  • Developers who want to publish personal academic content as a static site without relying on a UI framework or server adapter

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Requires Node.js >=22.12.0 and pnpm; you can create a site from the GitHub starter template with pnpm create astro@latest --template mychiffonn/website

  2. 2

    After creation, run pnpm dev to start the development server, accessible by default at http://localhost:4321

  3. 3

    Complete the initial configuration according to docs/INSTALL.md, and modify content and design according to docs/CUSTOMIZATION.md

  4. 4

    To contribute to the theme itself, clone this repository and run corepack enable && pnpm install

  5. 5

    The repository includes AGENTS.md, which documents the theme's installation, customization, development, validation, and release conventions

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the Apache-2.0 license; the free scope is the code of this version and does not imply that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution are permitted; the Apache-2.0 license must be included when distributing.
  • Modified files must be prominently marked as changed, and relevant copyright, patent, trademark, and attribution notices must be retained.
  • If the original project includes a NOTICE file, applicable attribution notices must be retained when distributing derivative works.
  • The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark rights are granted.
  • The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's Apache-2.0 license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 88 / 100
Technologies
Astro
Website type
Portfolio · Blog
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-09-21
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 0422261f66f6ff1aeab76e1e71beeb0d5d66fa08826a84b3aac4823eed2b08fa

2026-10-02T08:29:34.733Z

Source file / repository
# My (Chiffon) Nguyen website

[![Version](https://img.shields.io/badge/version-v2.2.7-blue?style=for-the-badge)](https://github.com/mychiffonn/astro-scholar/releases) [![Astro 7](https://img.shields.io/badge/Astro_7-BC52EE?style=for-the-badge&logo=astro&logoColor=white)](https://astro.build) [![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

![Astro Scholar social preview](public/img/social-preview.png)

**If you want to clone my website, see my [Astro theme](https://astro-scholar.pages.dev/)**. The repository with more information is [here](https://astro-scholar.pages.dev/).

Astro Star Scholar is an [Astro](https://docs.astro.build/en/concepts/why-astro/) theme for academic personal sites, research blogs, projects, publications, and more pages. It packages the design and publishing system behind [My (Chiffon) Nguyen's website](https://mychiffonn.com) as a reusable open-source starter.

## Previews

| Home                                                | Projects                                                    |
| --------------------------------------------------- | ----------------------------------------------------------- |
| ![Home page preview](docs/assets/previews/home.png) | ![Projects page preview](docs/assets/previews/projects.png) |

| Publications                                                        | Uses                                                |
| ------------------------------------------------------------------- | --------------------------------------------------- |
| ![Publications page preview](docs/assets/previews/publications.png) | ![Uses page preview](docs/assets/previews/uses.png) |

| Blog index (light)                                               | Blog post (light)                                                    |
| ---------------------------------------------------------------- | -------------------------------------------------------------------- |
| ![Blog index in light mode](docs/assets/previews/blog-light.png) | ![Blog post in light mode](docs/assets/previews/blog-post-light.png) |

| Blog index (dark)                                              | Blog post (dark)                                                   |
| -------------------------------------------------------------- | ------------------------------------------------------------------ |
| ![Blog index in dark mode](docs/assets/previews/blog-dark.png) | ![Blog post in dark mode](docs/assets/previews/blog-post-dark.png) |

## Features

- Astro 7 with a static-first, content-focused build and support for Astro's
  integration ecosystem.
- Academic profile, projects, updates, blog posts, authors, and publications.
- SEO-included: sitemap, robots.txt, Open Graph metadata, and generated social images.
- Publications rendered from a BibTeX file.
- Markdown-first writing with Sätteri, callouts, math, code highlighting, heading
  anchors, and sidenotes.
- Blog post/subpost system with tags, stages, table of contents, share actions,
  and multiple authors.
- Native CSS with little interaction scripts shipped.
- Local and Iconify-backed SVG icon system.
- Type-safe config and content schemas with Zod.

## Getting Started

Have Node.js `>=22.12.0` and pnpm installed. Create a site directly from the
GitHub starter:

```bash
pnpm create astro@latest --template mychiffonn/website
```

Astro's wizard asks for the destination, installs dependencies, and can
initialize Git. See Astro's official
[install and starter-template guide](https://docs.astro.build/en/install-and-setup/#use-a-theme-or-starter-template)
for branch and repository URL options.

Then:

1. Start the development server with `pnpm dev`.
2. Visit <http://localhost:4321>.
3. Follow [docs/INSTALL.md](docs/INSTALL.md) to configure the starter.
4. Personalize content and design with
   [docs/CUSTOMIZATION.md](docs/CUSTOMIZATION.md).

To contribute to the theme itself, clone this repository and run
`corepack enable && pnpm install`.

## Astro and AI-assisted development

Astro's [Build with AI guide](https://docs.astro.build/en/guides/build-with-ai/)
explains how to give coding agents current Astro documentation instead of
relying on potentially stale framework knowledge. This repository also includes
[AGENTS.md](AGENTS.md) with the theme's installation, customization,
development, validation, and publishing conventions.

For supported adapters and integrations, use Astro's setup command:

```bash
pnpm astro add <integration>
```

The command installs the package and updates `astro.config.ts`. Read the
[Astro integrations guide](https://docs.astro.build/en/guides/integrations/)
and the selected integration's documentation first; the theme does not require
a UI framework or server adapter for its default static build.

## Built With

This theme is built on enscribe's
[astro-erudite](https://github.com/jktrn/astro-erudite) v2.0.1, and references
from [Maggie Appleton](https://github.com/MaggieAppleton/maggieappleton.com-V3)'s
digital garden and al-folio.

## Development

- [DEVELOPMENT.md](DEVELOPMENT.md): architecture, commands, Erudite v2
  principles, and theme publishing checklist.
- [CONTRIBUTING.md](CONTRIBUTING.md): contribution workflow and pull request
  expectations.

Common checks:

```bash
pnpm format:check
pnpm lint
pnpm lint:styles
pnpm test:markdown
pnpm astro check
pnpm build
```
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.