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:
- First item
- Second item
- Third item with
code
Ordered list:
- Step one
- Step two
- Step three
Links
Check out these resources:
Math
The quadratic formula:
A more complex example:
Table
| Feature | Status | Notes |
| 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