Back to home

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 voluptateMemoHere's a memo that goes with the word linked, lets see if I can get it to render properly! velit esse cillum dolore euMemoGreat! another one, lets see if I can get this to render as a sidenote! That would be really cool! 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. 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. 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. What if the sky was green? This is super interesting ChangelogChangelog
Hello test

Links and Images

Links

Here are some example links:

Reference Links

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

Images

test

test
This one has a caption!

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.

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

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

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

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

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

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

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

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

The chromatic symphony of distant nebulae cascaded through the observatory's crystalline dome, where Dr. Meridian Blackthorne adjusted the spectral calibrators with practiced precision, her fingers dancing across the luminescent control panels as she tracked the mysterious gravitational anomaly that had been disrupting the orbital patterns of three separate star systems for the past seventeen cycles. The pulsating emerald beacons of the Andorian trade vessels flickered like fireflies against the obsidian backdrop of space, their cargo holds brimming with exotic crystalline formations that could theoretically power entire civilizations, while the ancient archaeological sites on Kepler-442b continued to emit those haunting harmonic frequencies that seemed to resonate with the very fabric of spacetime itself. Meanwhile, the bio-luminescent forests of Proxima Centauri b swayed in their ethereal dance, their phosphorescent leaves creating patterns that resembled ancient mathematical equations, as if the planet itself were attempting to communicate through botanical algorithms, while the quantum-entangled communication arrays buzzed with intercepted transmissions from civilizations that existed in parallel dimensions, their languages composed entirely of color wavelengths and electromagnetic pulses that translated roughly to poetry about the birth and death of universes.

Text with an image to its left, 50/50 split

IMG_20250326_145341_166

The temporal research station orbiting the binary pulsars of Vega Prime had detected unusual chronometer fluctuations that suggested the possibility of time-dilated pockets existing within the asteroid belt's magnetosphere, where robotic mining drones had been discovering fragments of what appeared to be fossilized dark matter, their surfaces inscribed with symbols that bore an uncanny resemblance to the theoretical equations proposed by the legendary physicist Dr. Zara Nightingale before her mysterious disappearance into the quantum foam laboratories of Europa Station. The atmospheric processors on Mars Colony Seven worked tirelessly to terraform the crimson landscape, their massive turbines generating weather patterns that painted the sky in shades of lavender and gold, while the subterranean cities thrived beneath protective dome structures that filtered the harsh cosmic radiation through prismatic arrays, creating indoor aurora displays that served both as art installations and navigation beacons for the underground transport networks. Deep within the ocean trenches of Titan, where methane currents carved intricate cavern systems through the ice, bioluminescent organisms had evolved complex social structures that mirrored the mathematical principles governing galactic cluster formation, their collective consciousness appearing to process information at quantum speeds while simultaneously composing what xenobiologists interpreted as interstellar opera performances broadcast across radio frequencies that reached the edge of known space.

An image in a superblock, controlled by a paragraph with 75% width

IMG_20250327_113157_605

The temporal research station orbiting the binary pulsars of Vega Prime had detected unusual chronometer fluctuations that suggested the possibility of time-dilated pockets existing within the asteroid belt's magnetosphere, where robotic mining drones had been discovering fragments of what appeared to be fossilized dark matter, their surfaces inscribed with symbols that bore an uncanny resemblance to the theoretical equations proposed by the legendary physicist Dr. Zara Nightingale before her mysterious disappearance into the quantum foam laboratories of Europa Station. The atmospheric processors on Mars Colony Seven worked tirelessly to terraform the crimson landscape, their massive turbines generating weather patterns that painted the sky in shades of lavender and gold, while the subterranean cities thrived beneath protective dome structures that filtered the harsh cosmic radiation through prismatic arrays, creating indoor aurora displays that served both as art installations and navigation beacons for the underground transport networks. Deep within the ocean trenches of Titan, where methane currents carved intricate cavern systems through the ice, bioluminescent organisms had evolved complex social structures that mirrored the mathematical principles governing galactic cluster formation, their collective consciousness appearing to process information at quantum speeds while simultaneously composing what xenobiologists interpreted as interstellar opera performances broadcast across radio frequencies that reached the edge of known space.

Now a paragraph that's on the left!

The temporal research station orbiting the binary pulsars of Vega Prime had detected unusual chronometer fluctuations that suggested the possibility of time-dilated pockets existing within the asteroid belt's magnetosphere, where robotic mining drones had been discovering fragments of what appeared to be fossilized dark matter, their surfaces inscribed with symbols that bore an uncanny resemblance to the theoretical equations proposed by the legendary physicist Dr. Zara Nightingale before her mysterious disappearance into the quantum foam laboratories of Europa Station. The atmospheric processors on Mars Colony Seven worked tirelessly to terraform the crimson landscape, their massive turbines generating weather patterns that painted the sky in shades of lavender and gold, while the subterranean cities thrived beneath protective dome structures that filtered the harsh cosmic radiation through prismatic arrays, creating indoor aurora displays that served both as art installations and navigation beacons for the underground transport networks. Deep within the ocean trenches of Titan, where methane currents carved intricate cavern systems through the ice, bioluminescent organisms had evolved complex social structures that mirrored the mathematical principles governing galactic cluster formation, their collective consciousness appearing to process information at quantum speeds while simultaneously composing what xenobiologists interpreted as interstellar opera performances broadcast across radio frequencies that reached the edge of known space.

IMG_20250327_113157_605