Шпаргалка всех блоков (kitchen sink)

Шпаргалка всех блоков (kitchen sink)

Этот пост — витрина всех блоков темы. Прокручивай и смотри.

Картинки

Обычная markdown-картинка:

Демо

Или через shortcode с подписью:

Демо
Рис. 1 — пример вставки картинки

Badge

ACCESS OK WARN FAIL INFO NEUTRAL SOLID

Alert

Это информация
Обычный информационный блок. Читай внимательно.
Готово
Операция завершена успешно.
Ошибка
Что-то пошло не так.

Admonition (со сворачиванием)

Замечание
Содержимое раскрывается при клике.
Совет
Hugo рендерит shortcodes заранее — поэтому вложенные блоки работают как конструктор.

Accordion

Механизм, при котором медленный потребитель сигнализирует источнику притормозить, чтобы не уронить систему.

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

    Запустили первый поток по Kafka Streams.
  2. Spring-курс

    Добавили модуль про реактивность.
  3. Этот блог

    Открыли dev-блог в дизайн-системе Vertex.

Код с подсветкой (цвета дизайн-системы)

java KafkaStreams.java
public static void main(String[] args) {
    // строим топологию потока
    var builder = new StreamsBuilder();
    KStream<String, String> stream = builder.stream("orders");
    stream.filter((k, v) -> v != null) // отсекаем пустые
          .mapValues(v -> v.toUpperCase())
          .to("orders-upper");
    var topology = builder.build();
    new KafkaStreams(topology, props).start();
}

Инлайн-код тоже в теме: var x = 42;.

KaTeX

Инлайн формула: $throughput = \frac{messages}{second}$.

Блочная формула:

\[ \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

Через shortcode (lazy-load: постер → клик → плеер):

Или просто вставить ссылку отдельной строкой — Hugo сам встроит видео:

Gist

Article embed

Привет, это dev-блог

Первый пост: о чём этот блог и какие темы будем разбирать.

Привет! Это мой личный блог про Java, Kafka Streams, Spring и инженерные практики backend-разработки.

NEW Первая запись.

Здесь будут:

  • разборы потоковой обработки и backpressure;
  • примеры кода с подсветкой в фирменных цветах дизайн-системы;
  • диаграммы и формулы там, где это помогает понять суть.

Смотри ещё пост [[vertex-kitchen-sink]] — там собраны все доступные блоки.

Читать полностью →
#demo#shortcodes#kafka