The starter template for typst blogs, powered by typst and astro.
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
pnpm install |
Installs dependencies |
pnpm dev |
Starts local dev server at localhost:4321 |
pnpm build |
Build your production site to ./dist/ |
pnpm preview |
Preview your build locally, before deploying |
pnpm astro ... |
Run CLI commands like astro add, astro check |
pnpm astro -- --help |
Get help using the Astro CLI |
Open using the default setting:
code .vscode/blog.code-workspace
Or customize it:
cp .vscode/blog.code-workspace .vscode/blog.private.code-workspace
code .vscode/blog.private.code-workspace
Install suggseted extensions:
myriad-dreamin.tinymist, for writing blog posts in typst.astro-build.astro-vscode, for developing astro components.
(Untested) Start from GitHub and open your blog repository. You should be able to write articles like you do in local.
Create a new blog post in content/blog:
#import "/typ/templates/blog.typ": main
#show: main.with(
title: "Title of the blog post",
desc: [This is a test post.],
date: "2025-04-25",
)There is a sample blog post in content/blog/personal-info.typ.
src/consts.ts,src/components/BaseHead.astro: global metadata and the head component.src/styles/*: CSS styles.
This theme is based off of the lovely Bear Blog.