Style Guide Markdown Vibe Code

Style Guide Markdown Vibe Code Strategies

Heading Level 1

Another level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Basic Text Formatting

This is a paragraph with bold text, italic text, and bold italic text. You can also use underscores for bold and underscores for italic.

This is another paragraph with some inline code formatting.

Links and Images

This is a link to Google

New York

New York

Lists

Unordered Lists

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

Ordered Lists

  1. First item
  2. Second item
    1. Nested item 2.1
    2. Nested item 2.2
  3. Third item

Blockquotes

This is a blockquote. It can span multiple lines and can contain other markdown elements.This is another blockquote without nesting.

Simple blockquotes work best with TinaCMS.

Code Blocks

// This is a code block with syntax highlighting
function helloWorld() {
  console.log("Hello, world!");
}

// You can write multi-line code
const obj = {
  name: "John",
  age: 30,
  isActive: true
};

Tables

Header 1Header 2Header 3
Cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6
Cell 7Cell 8Cell 9

Horizontal Rule


Task Lists

  • Completed task
  • Incomplete task
  • Another completed task

Definition Lists

Term 1 : Definition 1

Term 2 : Definition 2a : Definition 2b

Footnotes

Note: Footnotes are not supported in TinaCMS's markdown parser. If you need to add references, consider using inline links or a references section at the end of your document.

Example of an inline reference: This statement is supported by this research paper.

Strikethrough

This text is strikethrough

Subscript and Superscript

H2O is a liquid.

2^10^ equals 1024.

Emojis

:smile: :heart: :thumbsup:

Abbreviations

*[HTML]: Hyper Text Markup Language *[CSS]: Cascading Style Sheets

The HTML and CSS are web technologies.

Custom Components

<PageSection heading="Custom Component Example" content="This is content inside a custom component that you defined in your TinaWrapper." />

Final Thoughts

This document showcases all the common markdown elements that you might use in your blog posts. You can see how they're styled with your custom components and CSS.

SB

Thanks for reading!

If you enjoyed this article, consider checking out more of my content or following me on social media.