arshath.me

My personal site and blog — arshath.me.

Built with Astro, styled with Tailwind CSS, articles in Markdown/MDX with Shiki syntax highlighting.

Credits

This site is a fork of Rigellute/blog by Alexander Keliris. The original theme has been personalized (content, identity, projects, and a dark-only theme); the design and structure are his.

Dev

Install deps:

npm install

Create a local env file (only PUBLIC_EMAIL is used — it powers the about-page mailto link at build time):

cp .env.example .env.local

Run the dev server:

npm run dev

Then open http://localhost:4321.

Build

npm run build   # runs `astro check` then `astro build` → ./dist

Deploy

Deployed as a static site on Cloudflare Pages:

• Build command: npm run build
• Output directory: dist
• Environment variable: PUBLIC_EMAIL

Tech

• Astro
• Tailwind CSS
• MDX
• Shiki

Updating syntax highlighting

I use a script to quickly test different Shiki themes.

• Find a VS Code theme in .json form (e.g. Night Owl).
• Paste it into the theme file: pbpaste > syntax-theme.json
• Run the script to darken the background to match the site: node scripts/syntax-theme.mjs