Personal Blog

Built with VitePress

Project Structure

Inside of the project, you'll see the following folders and files:

.
├── .vitepress/
│   ├── theme/
│   │   ├── custom.css
│   │   └── index.js
│   └── config.mts
├── art/
│   ├── *.ai
│   └── ...
├── src/
│   ├── blog/
│   │   ├── *.md
│   │   └── ...
│   ├── csharp/
│   │   ├── *.md
│   │   └── ...
│   ├── public/
│   │   ├── fonts/
│   │   ├── icons/
│   │   ├── images/
│   │   └── ...
│   ├── index.md
│   └── *.md
└── package.json

VitePress looks for .md files in the src/, src/csharp/ and src/blog/ directories. Each file is exposed as a route based on its file name.

Images can be added to src/public/images/ and embedded in Markdown with a relative link.

Static assets, like favicons, can be placed in the src/public/ directory.

Source files for the logo and avatar are kept in art/, outside the published site.

Features

• Math typesetting via MathJax, enabled with markdown.math in .vitepress/config.mts
• Self-hosted Inter and JetBrains Mono fonts, served from src/public/fonts/ and declared in .vitepress/theme/custom.css
• Privacy-friendly analytics via Cabin, loaded from .vitepress/config.mts

Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:5173
npm run build	Build your production site to ./.vitepress/dist/
npm run preview	Preview your build locally, before deploying

Want to learn more?

Check out VitePress Guide, read VitePress Reference, or jump into the Getting Started.

License

Licensed under the MIT License.