中
◀ Back to writing

How this blog is put together

1 min Tech #astro#blog

This is the first post on the new blog, and it doubles as a formatting example.

The stack

  • Astro: content is Markdown, pages are static, and the build output is plain HTML.
  • Nginx: serves the built files directly. No admin panel.
  • CSS variables: colors, fonts and the pixel border width live in src/styles/theme.css.

Writing a post

Add a .md file under src/content/posts/en/ with the same file name as the Chinese version. Without an English file, the English site shows the Chinese original with a notice at the top.

export function greet(name: string) {
  // comments are dimmed
  return `Hello, ${name}`;
}