Indieweb Starter Blog
โ† Back to Blog
Featured image for Markdown Syntax Showcase

Markdown Syntax Showcase

A comprehensive guide to all markdown features

Published on by Blog Author โ€ข 2 min read

Markdown Syntax Showcase

This post demonstrates all the markdown features supported by this blog template.

Headers

H1 Header

H2 Header

H3 Header

H4 Header

H5 Header
H6 Header

Text Formatting

Bold text and also bold

Italic text and also italic

Bold and italic and also bold and italic

Strikethrough text

Inline code with backticks

Lists

Unordered Lists

  • Item 1
  • Item 2
    • Nested item 2.1
    • Nested item 2.2
      • Deep nested item
  • Item 3

Ordered Lists

  1. First item
  2. Second item
    1. Nested numbered item
    2. Another nested item
  3. Third item

Task Lists

  • [x] Completed task
  • [ ] Incomplete task
  • [x] Another completed task

Links and Images

Link to Eleventy

Link with title

Sample Image

Code Blocks

JavaScript

function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Welcome to the blog, ${name}`;
}

greet('World');

CSS

.blog-post {
  max-width: 65ch;
  margin: 0 auto;
  line-height: 1.6;
}

.code-block {
  background: #f4f4f4;
  padding: 1rem;
  border-radius: 4px;
}

HTML

<article class="h-entry">
  <h1 class="p-name">Blog Post Title</h1>
  <time class="dt-published">2025-08-15</time>
  <div class="e-content">
    <p>Post content goes here...</p>
  </div>
</article>

Tables

Feature Supported Notes
Headers โœ… H1-H6
Lists โœ… Ordered, unordered, tasks
Code โœ… Inline and blocks
Tables โœ… With alignment
Images โœ… With alt text
Links โœ… Internal and external

Blockquotes

This is a blockquote. It can span multiple lines and is great for highlighting important information or quotes from other sources.

โ€” Someone Important

Blockquote with header

You can even include other markdown elements inside blockquotes:

  • List items
  • Bold text
  • Code snippets

Horizontal Rules


Special Characters

Here are some special characters that should render correctly:

  • Em dash: โ€”
  • En dash: โ€“
  • Ellipsis: โ€ฆ
  • Copyright: ยฉ
  • Trademark: โ„ข
  • Registered: ยฎ

Math (if supported)

Inline math: E = mcยฒ

Footnotes

Here's a sentence with a footnote[^1].

[^1]: This is the footnote content.

Conclusion

This showcase demonstrates the rich markdown support in this blog template. All these features work seamlessly with the IndieWeb microformats and accessibility features built into the template.

Happy writing! โœ๏ธ

Your Name

About Your Name

Your author bio goes here. Describe yourself and what you write about.

About Your Name

I'm passionate about thoughtful writing, meaningful connections, and building a more human web. This is my corner of the internet where I share ideas, experiences, and discoveries.

Join the Newsletter

Get thoughtful updates delivered to your inbox. No spam, just meaningful content.

Related Posts

Responses

Loading webmentions...