All blocks cheat sheet (kitchen sink)

All blocks cheat sheet (kitchen sink)

This post is a showcase of every block in the theme. Scroll through and take a look.

Images

A regular markdown image:

Demo

Or via shortcode with a caption:

Demo
Fig. 1 — example image insertion

Badge

ACCESS OK WARN FAIL INFO NEUTRAL SOLID

Alert

This is information
A regular informational block. Read carefully.
Done
The operation completed successfully.
Error
Something 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.

Tabs

java
var stream = builder.stream("in");
stream.filter(k -> k != null).to("out");
python
for msg in consumer:
    if msg.key: producer.send("out", msg)

Timeline

  1. ALM School launch

    Ran the first Kafka Streams cohort.
  2. Spring course

    Added a reactivity module.
  3. This blog

    Opened the dev blog in the Vertex design system.

Code with highlighting (design-system colors)

java KafkaStreams.java
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

Messages per second

YouTube Lite

Via shortcode (lazy-load: poster → click → player):

Or just paste a link on its own line — Hugo embeds the video itself:

Gist

Article embed

Hello, this is the dev blog

The first post: what this blog is about and which topics we'll cover.

The first post: what this blog is about and which topics we’ll explore — Kafka Streams, Spring, backpressure and backend engineering practices.

Read more →
#demo#shortcodes#kafka