Blog Style Template

This hidden post is a compact template for testing the blog layout. It intentionally includes headings, paragraphs, quotes, inline code, code blocks, tables, math, lists, links, footnotes, and a few long lines so style changes can be checked in one place.

The opening paragraph should feel calm and readable. It includes bold text, italic text, a regular link, inline code like matrix_multiply(x, w), and inline math such as $a^2 + b^2 = c^2$.

A blockquote should look intentional, not like a broken paragraph. It should have enough padding, good contrast, and should not clip on the right side even when the quote contains a slightly longer sentence.

Section One: Main Heading Rhythm

This section tests the top-level heading style inside a post. The h2 should create a clear break in the article without making the page feel like a slide deck. It should be stronger than the following subsections, but it should still belong to the body copy.

Subsection: Reading Flow

This is a normal h3 subsection. It should be visibly lower in hierarchy than the main section heading, but still easy to find while scanning. This paragraph is deliberately ordinary so the spacing around the title is easier to judge.

Minor Note

This h4 heading is for small local shifts in the article. It should not look like a new chapter. It should feel closer to a label or annotation.

Here is a short unordered list:

• First item with a little bit of text.
• Second item with inline code.
• Third item with a link.

And here is an ordered list:

1. Establish the visual hierarchy.
2. Check spacing between dense elements.
3. Confirm that long text wraps naturally.

Section Two: Code And Technical Text

Inline code should sit comfortably inside a sentence, like const next = hiddenStates.map(update), without making the line height feel broken.

function attention(query, keys, values) {
  const scores = keys.map((key) => dot(query, key));
  const weights = softmax(scores);
  return weightedSum(values, weights);
}

bundle exec jekyll build
bundle exec jekyll serve --host 127.0.0.1 --port 4000

Long code-ish text should wrap or scroll gracefully:

this_is_a_very_long_inline_identifier_that_should_not_break_the_layout_or_escape_the_post_content_width_when_rendered_in_the_article_body

Section Three: Tables

Tables should feel readable, not cramped. On smaller screens they should remain usable without clipping the page.

Compact Comparison

Section Four: Math

Inline math should work inside normal prose: if $H \in \mathbb{R}^{n \times d}$ is a hidden-state matrix, then multiplying by $W_Q$ produces queries.

Display math should be centered and readable:

And a slightly larger expression:

Section Five: Dense Prose

This paragraph is intentionally longer than the others. It exists to test the real reading experience after a few headings, lists, and technical blocks have already appeared. The line length should remain comfortable, the paragraph spacing should not feel too loose, and the page should still feel like an essay rather than a collection of disconnected components.

Another paragraph follows immediately after it. This checks whether adjacent paragraphs have enough breathing room without creating strange gaps. The goal is to make a normal article feel considered, not over-designed.

Nested Emphasis

Sometimes a paragraph needs multiple kinds of emphasis: important concepts, soft emphasis, technical names, and math like $\theta$ or $\nabla_\theta L$. These should coexist without making the typography look noisy.

Section Six: Extra Markdown Elements

Horizontal rule:

Footnote example: this sentence points to a small note.¹