This is my personal website's 5th iteration. You can find my blog and my past work there.
It also includes an RSS feed. For more information about RSS feeds in general, see aboutfeeds.com.
My homepage was built using Astro and Tailwind CSS.
| Command | Action |
|---|---|
pnpm install |
Installs dependencies |
pnpm dev |
Starts local dev server at localhost:4321 |
pnpm build |
Build your production site to ./dist/ |
pnpm postbuild |
Pagefind script to build the static search of your blog posts |
pnpm preview |
Preview your build locally, before deploying |
pnpm sync |
Generate types based on your config in src/content/config.ts |
This blog supports several custom Markdown directives and syntax extensions for enhanced content:
Create callout boxes with five different types: tip, note, important, caution, warning.
:::note
This is a note with default title.
:::
:::tip[Custom Title Here]
This is a tip with a custom title.
:::Wrap images or videos with optional captions:
:::figure{.fullwidth}

This becomes the caption. Supports **markdown** formatting.
:::Embed GitHub repository or user cards that fetch live data:
::github{repo="username/repository"}
::github{user="username"}Automatically format blockquote attributions using -- or —:
> This is a quote that spans multiple lines.
> It continues here.
>
> -- Author Name, _Book Title_Tufte-style margin notes that appear in the sidebar on desktop and inline on mobile:
Sidenotes (numbered):
Text with a reference[^1] to a sidenote.
[^1]: Content of the sidenote. Supports **markdown**.Margin Notes (unnumbered, with ⊕ symbol):
Text with a reference[^label] to a margin note.
[^label]: Content of the margin note.LaTeX-style math rendering with MathML for modern browsers:
Inline math:
The equation $E = mc^2$ is famous.Block math:
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$Up to date with Astro Theme Cactus v6.11.0.