-- Astro --

The whole website is built with Astro and vanilla TypeScript without incorporating other UI libraries. I personally like the content-first concept under the hood of Astro, which makes organizing and rendering markdown files extremely convenient.

Please refer to https://astro.build/ for documentation and examples of Astro.

-- Website Template: Astro Cactus --

This website will look really awful without Chris Williams's Astro Cactus theme: https://github.com/chrismwilliams/astro-theme-cactus. This theme is perfect for blogs, tutorials, or personal websites thanks to its perfect layout and minimal design, which makes the content visual-centric to maximize the readability of posts.

-- TailwindCSS --

I use TailwindCSS to style the website. The library provides an inline method to style components, which allows me to focus more on the contents themselves without being distracted by organizing .css files.

Please refer to https://tailwindcss.com/ for more details about the popular inline-styling library.

-- Expressive Code --

Expressive Code makes rendering my exercise solution codes very easy and increases my posts' readability, especially when using its built-in dark/light themes. The themes I used on this website are "vitesse-dark" and "github-light".

Please refer to https://expressive-code.com/ for the installation and configuration guides.

-- rehype-katax/remark-math --

Using KaTeX and MathJax makes rendering math expressions on this website possible. For the details of configuring rehype katax and remark math on Astro, please follow the steps on Alexa's Dev Blog: https://blog.alexafazio.dev/blog/render-latex-in-astro/.

-- Github Pages --

The website is hosted on Github Pages with a very minimal Github Action configuration. Astro provides very clear guidance for deploying the Astro Site to Github Pagess: https://docs.astro.build/en/guides/deploy/github/.