cmless - use GitHub as a blog
Vlad Sabev's avatar··2 min read

Kitchen Sink — Everything Markdown Can Do

A comprehensive demo of markdown features supported by cmless, including images, YouTube embeds, code blocks, tables, and more.

demomarkdownkitchen-sinkcmlessguide
OG Image

Welcome to the kitchen sink post! This demonstrates all the markdown features supported by cmless, powered by GitHub Issues as CMS.

Text Formatting

Bold, italic, strikethrough, inline code, and bold with nested italic.

Headings

Third-level heading

Fourth-level heading

Fifth-level heading
Sixth-level heading

Embedded YouTube Video

Embedded X.com Post

Embedded Instagram Post

Embedded CodePen

Embedded GitHub Gist

Embedded Images

Remote image (inline)

A picture of a kitten

Image with caption (using blockquote)

Diagram of the cmless workflow

The cmless workflow: write issues → generate Markdown → build with Astro → deploy to GitHub Pages.

Lists

Unordered

  • Alpha
  • Beta
  • Gamma
    • Nested item
    • Another nested item
  • Delta

Ordered

  1. First
  2. Second
  3. Third
    1. Sub-step
    2. Sub-step

Task list

  • Write blog post
  • Add frontmatter
  • Apply status: published label

Blockquotes

This is a blockquote

Code Blocks

Inline code

Here is some inline code and another example.

Fenced code block

{
  "name": "cmless",
  "description": "Use GitHub Issues as a CMS"
}

Code block with line numbers

function greet(name: string): string {
  return `Hello, ${name}!`;
}

Tables

Feature Supported Notes
Images Remote URLs
YouTube ![](url)
Twitter/X ![](url)
CodePen ![](url)
GitHub Gist ![](url)
Strikethrough ~~text~~
Task lists - [x]
Code blocks With syntax highlighting

Footnotes

Here’s a sentence with a footnote.1

HTML

This paragraph uses raw inline HTML with a CSS variable.

Horizontal Rule


Final Words

That’s everything! Write issues → generate posts → deploy.

Footnotes

  1. This is the footnote content.