Code Blocks and Math

This post demonstrates code blocks with syntax highlighting and mathematical equations.

Code Blocks

JavaScript

1
function greet(name) {
2
  console.log(`Hello, ${name}!`)
3
}
4

5
greet('World')

TypeScript with Line Numbers

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

7
function getUser(id: number): User | undefined {
8
  const users: User[] = [
9
    { id: 1, name: 'Alice', email: 'alice@example.com' },
10
    { id: 2, name: 'Bob', email: 'bob@example.com' },
11
  ]
12
  return users.find(user => user.id === id)
13
}

Line Highlighting

1
def fibonacci(n):
2
    if n <= 1:
3
        return n
4
    return fibonacci(n - 1) + fibonacci(n - 2)
5

6
print(fibonacci(10))

Terminal Commands

npm install astro
npm run dev

Diff Syntax

1
const old = 'removed'
2
const new = 'added'

JSON Configuration

1
{
2
  "name": "my-blog",
3
  "scripts": {
4
    "dev": "astro dev",
5
    "build": "astro build"
6
  }
7
}

Mathematics

Inline Math

The famous equation $E = mc^2$ shows the relationship between energy and mass.

The quadratic formula is $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$ .

Block Equations

The Gaussian integral:

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

Euler’s identity:

e^{i\pi} + 1 = 0

A matrix example:

\begin{bmatrix} a & b \\ c & d \end{bmatrix} \begin{bmatrix} x \\ y \end{bmatrix} = \begin{bmatrix} ax + by \\ cx + dy \end{bmatrix}

Sum and Product Notation

\sum_{i=1}^{n} i = \frac{n(n+1)}{2}

\prod_{i=1}^{n} i = n!