Hello World

2025-12-27 ยท by Bob
tutorialtypsttailwind
Your first blog post with Tola and Tailwind CSS

Welcome to your first blog post! This template uses Tailwind CSS for styling.

Text Formatting

You can use bold, italic, and inline code.

Typst is a new markup-based typesetting system that is designed to be as powerful as LaTeX while being much easier to learn and use.

Code Blocks

fn main() {
println!("Hello from Typst!");
}
def greet(name):
return f"Hello, {name}!"

Lists

Unordered list:

Ordered list:

  1. Step one
  2. Step two
  3. Step three

Check out these resources:

Math

The quadratic formula:

A more complex example:

Table

FeatureStatusNotes
Mathโœ“Full support
Codeโœ“Syntax highlighting
Imagesโœ“SVG, PNG, JPEG

How This Post Works

You might notice we define metadata in an args dictionary at the top of this file:

#let args = (
title: "Hello World",
date: "2025-12-27",
// ...
)
#show: post.with(..args)

Why do we do this?

Defining metadata in a variable allows us to reuse it inside the content. for example, the date below is dynamically inserted using args.date:

Last updated: 2025-12-27