Code blocks and lists — visual test
A short post to look at how code blocks and lists render under the theme. Lists are deceptively load-bearing in technical writing1 — they’re often where readers actually find the answer.
##Unordered list
- First item, short.
- Second item, with
inline codeto make sure it sits well on the line. - Third item, with a longer description that wraps onto a second line so we can see indent behavior and line-height inside list items.
##Ordered list
- First step
- Second step, with
inline_function() - Third step, with bold and italic to check inheritance
##Python
def transform(df: DataFrame) -> DataFrame:
"""Project the columns we actually need, then drop anything obviously broken."""
return (
df
.select("user_id", "event_ts", "amount")
.filter(col("amount") > 0)
.withColumn("amount_cents", (col("amount") * 100).cast("long"))
)
##TypeScript
import { z } from "astro/zod";
export const Post = z.object({
title: z.string(),
pubDate: z.coerce.date(),
tags: z.array(z.string()).default([]),
});
export type Post = z.infer<typeof Post>;
##Shell
# build and locally preview, then index for search
npm run build
npm run preview
A trailing paragraph after the code blocks, to confirm spacing between fenced blocks and surrounding prose.