Skip to content

ratoru/homepage

Repository files navigation

Ratoru Homepage

This is my personal website's 5th iteration. You can find my blog and my past work there.

It also includes an RSS feed. For more information about RSS feeds in general, see aboutfeeds.com.

🔨 Tools

My homepage was built using Astro and Tailwind CSS.

🧞 Commands

Command Action
pnpm install Installs dependencies
pnpm dev Starts local dev server at localhost:4321
pnpm build Build your production site to ./dist/
pnpm postbuild Pagefind script to build the static search of your blog posts
pnpm preview Preview your build locally, before deploying
pnpm sync Generate types based on your config in src/content/config.ts

📝 Custom Directives

This blog supports several custom Markdown directives and syntax extensions for enhanced content:

Admonitions

Create callout boxes with five different types: tip, note, important, caution, warning.

:::note
This is a note with default title.
:::

:::tip[Custom Title Here]
This is a tip with a custom title.
:::

Figure Directive

Wrap images or videos with optional captions:

:::figure{.fullwidth}
![Alt text](image.png)

This becomes the caption. Supports **markdown** formatting.
:::

GitHub Cards

Embed GitHub repository or user cards that fetch live data:

::github{repo="username/repository"}

::github{user="username"}

Quote Attribution

Automatically format blockquote attributions using -- or :

> This is a quote that spans multiple lines.
> It continues here.
>
> -- Author Name, _Book Title_

Sidenotes & Margin Notes

Tufte-style margin notes that appear in the sidebar on desktop and inline on mobile:

Sidenotes (numbered):

Text with a reference[^1] to a sidenote.

[^1]: Content of the sidenote. Supports **markdown**.

Margin Notes (unnumbered, with ⊕ symbol):

Text with a reference[^label] to a margin note.

[^label]: Content of the margin note.

Mathematical Notation

LaTeX-style math rendering with MathML for modern browsers:

Inline math:

The equation $E = mc^2$ is famous.

Block math:

$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$

Credit

Up to date with Astro Theme Cactus v6.11.0.

About

Personal homepage and blog

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors