title	description	image	showHero	cta
Welcome to Flowershow Demo!	Explore Flowershow's features and configuration options in this demo site!	hero.png	true	label href Explore syntax #-markdown-syntax label href See demo blog /blog

This site is published from https://github.com/flowershow/demo using Flowershow - an elegant solution for publishing your Obsidian vaults and Markdown content directly from GitHub repositories.

🎯 What's Inside?

This demo showcases various Flowershow features and configuration options:

• 📝 Rich Markdown Support

  • Tables, code blocks, and diagrams
  • Math equations and LaTeX
  • Callouts and blockquotes
  • Obsidian wiki-links
  • And much more!

• 🎨 Customization Options

  • Comments
  • Navigation setup
  • Custom domain

📚 Markdown Syntax

Text Formatting

Bold text and italic text and bold italic text

Strikethrough text

Inline code

==Highlighted text==

Lists

Unordered list:

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

Ordered list:

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

Task Lists

• Completed task
• Incomplete task
• Another task
  • Nested completed task
  • Nested incomplete task

Code Blocks

Inline code: const greeting = "Hello, World!";

// JavaScript example
function calculateSum(a, b) {
  return a + b;
}

const result = calculateSum(5, 3);
console.log(result); // Output: 8

# Python example
def greet(name):
    return f"Hello, {name}!"

print(greet("Flowershow"))

Tables

Book Type	Average Length	Reading Time
Novel	300 pages	5 hours
Magazine	50 pages	1 hour
Comic Book	30 pages	30 minutes
Cookbook	200 pages	2 hours

Blockquotes

Single line quote

Multi-line quote with multiple paragraphs

Nested quote

Deeper nested quote

Links and Images

([Visit Flowershow Website](https://flowershow.app)) Visit Flowershow Website

(![Lotus flower](./lotus.png))

Obsidian Wiki-links

Flowershow supports Obsidian-style wiki-links. For example, this links to our example blog post: ([[abc]]) [[abc]]

You can also use the full path: ([[blog/abc]]) [[blog/abc]]

And use Obsidian-style image embedding: (![[lotus.png]]) ![[lotus.png]]

Math Equations

Lift($$L$$) can be determined by Lift Coefficient ($$C_L$$) like the following equation.

$$ L = \frac{1}{2} \rho v^2 S C_L $$

Diagrams

graph TD
    A[Start] --> B{Decision}
    B -->|Yes| C[Do Something]
    B -->|No| D[Do Nothing]
    C --> E[End]
    D --> E

Loading

Callouts

Note

This is a note callout

Warning

This is a warning callout

Tip

This is a tip callout

Important

This is an important callout

Footnotes

Here's a sentence with a footnote¹.

Horizontal Rules

---

---

---

⚙️ Customization Options

For detailed information about all customization options, visit Flowershow Documentation.

Hero

The hero component at the top of this page is set using the hero frontmatter property. You can set it's title, description, image and two action buttons.

Comments

The comments section you can see at the bottom of this page has been enabled through the Flowershow Cloud dashboard. This feature allows your readers to engage with your content and provide feedback directly on your pages.

Navigation

The site's navigation elements including the logo, title ("My Digital Garden"), links (About), and social media links (GitHub, Twitter) have been configured using the config.json file. This configuration provides a clean way to customize your site's header without modifying the source code.

Custom Domain

Looking at the URL of this site, you'll notice it's available at a custom domain instead of the default Flowershow Cloud URL pattern (/@username/sitename). This is another customization option available through the Flowershow Cloud dashboard, allowing you to use your own domain name for a more professional appearance.

🤝 Contributing

Have a suggestion? Feel free to:

1. Open an issue
2. Submit a pull request
3. Start a discussion

---

Built with 💖 using Flowershow

Footnotes

1. This is the footnote content. ↩