This page exists to display what formatting options SyMark is capable of rendering compared to SiYuan. As you can see, it's significantly more than other notebook site generators like Quartz which rely on markdown.

H1 - Lorem Ipsum Dolor Sit Amet

H2 - Consectetur Adipiscing Elit

H3 - Sed Do Eiusmod Tempor

H4 - Incididunt Ut Labore

H5 - Et Dolore Magna Aliqua

H6 - Ut Enim Ad Minim Veniam

Text Formatting

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. This text is bold and this text is italic. You can also combine them for bold and italic text.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. This text is strikethrough and this is inline code.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lists

Unordered Lists

• Lorem ipsum dolor sit amet

• Consectetur adipiscing elit

  • Sed do eiusmod tempor incididunt

  • Ut labore et dolore magna aliqua

    • Ut enim ad minim veniam

    • Quis nostrud exercitation

• Ullamco laboris nisi ut aliquip

• Ex ea commodo consequat

Ordered Lists

1. Duis aute irure dolor in reprehenderit

2. In voluptate velit esse cillum dolore

   1. Eu fugiat nulla pariatur

   2. Excepteur sint occaecat cupidatat

      1. Non proident sunt in culpa

      2. Qui officia deserunt mollit

3. Anim id est laborum sed ut

4. Perspiciatis unde omnis iste natus

Task Lists (Checkboxes)

• Complete project documentation

• Review code implementation

• Conduct user testing

• Deploy to production

  • Set up staging environment

  • Configure production servers

  • Update DNS records

    • Primary DNS

    • Secondary DNS

    • CDN configuration

• Post-deployment monitoring

Mixed Nested Lists

1. Primary Research Phase

   • Literature review

   • Market analysis

   • Competitive analysis

     • Direct competitors

     • Indirect competitors

     • Market positioning

2. Development Phase

   • Frontend development

     • User interface design

     • Component development

     • Responsive design

   • Backend development

     • Database schema

     • API endpoints

     • Authentication system

3. Testing Phase

   • Unit testing

   • Integration testing

   • User acceptance testing

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Code Blocks

Another h2 element

Inline Code

Lorem ipsum dolor sit amet consectetur adipiscing elit. Use the console.log() function to debug your JavaScript code.

Code Blocks

Some javascript:

function generateLoremIpsum(wordCount) {
    const words = [
        'lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 
        'adipiscing', 'elit', 'sed', 'do', 'eiusmod', 'tempor'
    ];
    
    let result = [];
    for (let i = 0; i < wordCount; i++) {
        result.push(words[Math.floor(Math.random() * words.length)]);
    }
    
    return result.join(' ');
}

Here's some python:

def lorem_ipsum_generator(word_count):
    words = [
        'lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur',
        'adipiscing', 'elit', 'sed', 'do', 'eiusmod', 'tempor'
    ]
    
    import random
    return ' '.join(random.choices(words, k=word_count))

and finally some CSS:

.lorem-ipsum {
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 1em;
}

.lorem-ipsum p {
    margin-bottom: 1.2em;
    text-align: justify;
}

Tables

Basic Table

Column 1	Column 2	Column 3
Lorem ipsum	Dolor sit	Amet consectetur
Adipiscing elit	Sed do	Eiusmod tempor
Incididunt ut	Labore et	Dolore magna
Aliqua ut	Enim ad	Minim veniam

Aligned Table

Left Aligned	Center Aligned	Right Aligned
Lorem ipsum dolor	Sit amet consectetur	123.45
Adipiscing elit sed	Do eiusmod tempor	67.89
Incididunt ut labore	Et dolore magna	234.56
Aliqua ut enim	Ad minim veniam	89.12

Complex Table

Feature	Description	Status	Priority
User Authentication	Lorem ipsum dolor sit amet, consectetur adipiscing elit	✅ Complete	High
Data Visualization	Sed do eiusmod tempor incididunt ut labore et dolore	🔄 In Progress	Medium
API Integration	Magna aliqua ut enim ad minim veniam quis nostrud	⏳ Pending	High
Mobile Responsive	Exercitation ullamco laboris nisi ut aliquip ex ea	❌ Not Started	Low

Table with links and images:

Pages	Test	Test2	Test3	Test4	Last
How SyMark worksHow SyMark worksSyMark is simply complexly fascinating software. It runs as a single file with very few dependencies and is designed to be straightforward and customizable.	The way that SyMark works	Something	Something else	Build software to lastBuild software to lastMost software nowadays is built to be fragile; requiring a constant internet connection, licensing servers, and/or other things that can screw up your workflow when they break. This method of buliding software removes agency from the creator and gives control to the company or individual who create...	What if you have a very long block of text within a paragraph?
ThemesThemesCurrently there's a default theme handcrafted by a human, and a theme named "dark" generated by Claude 3.7 Sonnet as an example. These themes are there for your inspiration, you can make your own by copying the default folder and customizing the HTML and CSS to look and work the way y...	What if the sky was green?	This is super interesting	ChangelogChangelog	Hello

Links and Images

Links

Here are some example links:

• Internal LinkShowcaseNothing here yet, will you be the first?
  and another transclusion!

• External Link

• Link with Title

Reference Links

This is a reference link and this is another reference link.

Images

Horizontal Rules

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

---

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

---

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

---

Left

Center

Right

Justify

Additional Elements

Definition Lists

Term 1 : Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Term 2 : Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Complex Term : Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. : Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Emphasis and Strong

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H1 - Lorem Ipsum Dolor Sit Amet

H2 - Consectetur Adipiscing Elit

H3 - Sed Do Eiusmod Tempor

H4 - Incididunt Ut Labore

H5 - Et Dolore Magna Aliqua

H6 - Ut Enim Ad Minim Veniam

A block with a blue background because why not?

A success styled block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat ^cupidatat non _proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

A warning style for good measure, because also why not?

Final Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat ^cupidatat non _proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

---

This markdown test page contains various elements to test markdown rendering capabilities.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.