# cmless

> use GitHub as a blog

Full Markdown sources for published posts and navigation pages (same text as each `/{slug}.md` twin).
Catalog with summaries and tag index: [https://vdsabev.github.io/cmless/llms.txt](https://vdsabev.github.io/cmless/llms.txt).
Each body is a fenced `markdown` code block so frontmatter and headings stay isolated from this outline.

## Posts

### Kitchen Sink — Everything Markdown Can Do

- Markdown: https://vdsabev.github.io/cmless/kitchen-sink-everything-markdown-can-do.md
- HTML: https://vdsabev.github.io/cmless/kitchen-sink-everything-markdown-can-do/

````markdown
---
status: "published"
title: "Kitchen Sink — Everything Markdown Can Do"
date: "2026-07-10"
description: "A comprehensive demo of markdown features supported by cmless, including images, YouTube embeds, code blocks, tables, and more."
image: "/cmless/media/dd7c46c2-6bf4-4018-8ced-575e64f5dd0c.png"
imageAlt: "OG Image"
author: "Vlad Sabev"
authorUrl: "https://github.com/vdsabev"
authorAvatar: "/cmless/media/avatars/1333274.jpg"
tags: ["demo","markdown","kitchen-sink","cmless","guide"]
navigationIndex: 0
---

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

## Links

- [cmless on GitHub](https://github.com/vdsabev/cmless)
- [Astro](https://astro.build)
- [Tailwind CSS](https://tailwindcss.com)

## Embedded YouTube Video

<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%"><iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="Rick Astley - Never Gonna Give You Up" style="position:absolute;top:0;left:0;width:100%;height:100%" frameborder="0" allowfullscreen></iframe></div>

## Embedded X.com Post
<blockquote class="twitter-tweet" data-media-max-width="560"><a href="https://twitter.com/jack/status/20"></a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## Embedded Instagram Post
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/BsIw9xpA-NR/" style="background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);margin:1px;max-width:540px;min-width:326px;padding:0;width:calc(100% - 2px)"></blockquote><script async src="//www.instagram.com/embed.js"></script>

## Embedded CodePen
<iframe height="450" style="width:100%;" scrolling="no" title="" src="https://codepen.io/vdsabev/embed/oyWZrQ?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"></iframe>

## Embedded GitHub Gist
<script src="https://gist.github.com/vdsabev/a31b161281dfe99fa5fae06a597470a5.js"></script>

## Embedded Images

### Remote image (inline)

![A picture of a kitten](https://placekittens.com/800/400)

### Image with caption (using blockquote)

![Diagram of the cmless workflow](https://placehold.co/800x400?text=cmless)

> 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

- [x] Write blog post
- [x] 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

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

### Code block with line numbers

```ts title="example.ts" showLineNumbers
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]

[^1]: This is the footnote content.

## HTML

<p style="color: var(--cm-accent);">This paragraph uses raw inline HTML with a CSS variable.</p>

## Horizontal Rule

---

## Final Words

That's everything! Write issues → generate posts → deploy.
````

## Pages

### About

- Markdown: https://vdsabev.github.io/cmless/about.md
- HTML: https://vdsabev.github.io/cmless/about/

```markdown
---
status: "unlisted"
title: "About"
date: "2026-07-10"
description: "Just an example page linked in the navigation!"
image: "https://repository-images.githubusercontent.com/1296900169/7b2c4fe7-9100-4faa-b9e1-4d8ac9aa32d0"
author: "Vlad Sabev"
authorUrl: "https://github.com/vdsabev"
authorAvatar: "/cmless/media/avatars/1333274.jpg"
navigation: "header"
navigationIndex: 0
---

Just an example page linked in the navigation!
```