Markdown Features Guide

This guide showcases the rich Markdown features available in Astro Theme Shyne, including code syntax highlighting, math formulas, callouts, and more.

Code Highlighting

The theme uses Expressive Code and Shiki for beautiful code highlighting. Here’s a TypeScript example:

1
interface User {
2
  id: number;
3
  name: string;
4
  email: string;
5
}
6

7
function greetUser(user: User): string {
8
  return `Hello, ${user.name}!`;
9
}
10

11
const user: User = {
12
  id: 1,
13
  name: "Alice",
14
  email: "alice@example.com"
15
};
16

17
console.log(greetUser(user));

And here’s some Python:

1
def fibonacci(n: int) -> int:
2
    """Calculate the nth Fibonacci number."""
3
    if n <= 1:
4
        return n
5
    return fibonacci(n - 1) + fibonacci(n - 2)
6

7
# Calculate first 10 Fibonacci numbers
8
for i in range(10):
9
    print(f"F({i}) = {fibonacci(i)}")

Math Formulas

The theme supports LaTeX math rendering via KaTeX.

Inline Math

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

Block Math

Callouts / Admonitions

Use GitHub-style callouts to highlight important information:

Note

Useful information that users should know, even when skimming.

Tip

A helpful suggestion to improve your workflow.

Warning

Potential problems that users should avoid.

Caution

Advises about situations that could cause loss of data or hardware damage.

Tables

Lists

Unordered

• First item
• Second item
  • Nested item
  • Another nested
• Third item

Ordered

1. First step
2. Second step
3. Third step

Links

• Internal link: About Page
• External link: Astro Documentation

Images

You can include images in your posts:

![Sample Image](/images/sample.jpg)

Conclusion

These features make Astro Theme Shyne perfect for technical writing and documentation.