This post is a showcase of every block in the theme. Scroll through and take a look.
Images
A regular markdown image:
Or via shortcode with a caption:
Badge
ACCESS OK WARN FAIL INFO NEUTRAL SOLID
Alert
This is informationA regular informational block. Read carefully.
DoneThe operation completed successfully.
ErrorSomething went wrong.
Admonition (collapsible)
Note
Content expands on click.
Tip
Hugo renders shortcodes ahead of time — so nested blocks work like a constructor.
Accordion
A mechanism by which a slow consumer signals the source to slow down, so the system doesn’t crash.
In Kafka Streams, reactive frameworks, network stacks and message queues.
Tabs
var stream = builder.stream("in");
stream.filter(k -> k != null).to("out");for msg in consumer:
if msg.key: producer.send("out", msg)Timeline
-
ALM School launch
Ran the first Kafka Streams cohort. -
Spring course
Added a reactivity module. -
This blog
Opened the dev blog in the Vertex design system.
Code with highlighting (design-system colors)
public static void main(String[] args) {
// build the stream topology
var builder = new StreamsBuilder();
KStream<String, String> stream = builder.stream("orders");
stream.filter((k, v) -> v != null) // drop empty
.mapValues(v -> v.toUpperCase())
.to("orders-upper");
var topology = builder.build();
new KafkaStreams(topology, props).start();
}Inline code also follows the theme: var x = 42;.
KaTeX
Inline formula: $throughput = \frac{messages}{second}$.
Block formula:
\[
\sum_{i=1}^{n} x_i = x_1 + x_2 + \dots + x_n
\]
Mermaid
graph LR
A[Producer] --> B[Kafka Topic]
B --> C{Streams App}
C -->|filtered| D[(Store)]
C -->|errors| E[DLQ]
Chart
YouTube Lite
Via shortcode (lazy-load: poster → click → player):
Or just paste a link on its own line — Hugo embeds the video itself:
