Skip to content

Example markdown output

kevindurston21 edited this page May 16, 2021 · 2 revisions

Showing an example is tricky on a web page as the markdown gets converted to HTML!

This link should open a PDF of the markdown file created by converting a Note-Station note. The pdf was generated from a markdown viewer program.

The next section shows the raw code, and below the raw code you can see the Markdown displayed as HTML.

Raw markdown

---
ctime: '202102122352'
mtime: '202104242208'
tag:
- Tag1
- Tag1/SubTag1
- Tag1/SubTag1/SubSubTag1
- Tag2
title: test page
---

# This is H1

This is some more text

## This is H2

This is some more text

### This is H3

This is some more text

#### This is H4

This is some more text

##### This is H5

This is some more text

###### This is H6

This is some more text

This is <span style="background-color: #fff001;">highlighted</span> Text

This is <span style="text-decoration: line-through;">crossed</span> out

This is *italic*

This is **bold**

This is <u>underlined</u>

sub<sub>script</sub>

super<sup>script</sup>

1.  Number 1
2.  Number 2
    1.  Number sub 1
    2.  Number sub 2
3.  Number 3

-   Bullet 1
-   Bullet 2
    -   Sub bullet 1
    -   Sub bullet 2
        -   Sub sub bullet 
-   Bullet 3

- [x] Check 1
- [ ] Check 2
	- [ ] Sub check 1
	- [x] Sub check 2
		- [ ] Sub sub check 1
		- [x] Sub sub check 2
- [ ] Check 3


There is a horizontal line below this text

------------------------------------------------------------------------

There is a horizontal line above this text

Below is a 3x3 Table

| **cell R1C1** | **cell R1C2** | **cell R1C3** |
|---------------|---------------|---------------|
| **cell R2C1** | cell R1C2     | cell R1C3     |
| **cell R3C1** | cell R1C2     | cell R1C3     |

Pie Chart

![](images/140466005319584.png)

[Chart data file](images/140466005319584.csv)

|                    | **cost** | **price** | **value** | **total value** | **sum** | **percent** |
|--------------------|----------|-----------|-----------|-----------------|---------|-------------|
| **something**      | 500      | 520       | 540       | 520             | 2080    | 32.10       |
| **something else** | 520      | 540       | 560       | 540             | 2160    | 33.33       |
| **another thing**  | 540      | 560       | 580       | 560             | 2240    | 34.57       |

Line chart

![](images/140466012262112.png)

[Chart data file](images/140466012262112.csv)

|                | **Number 1** | **Number 2** | **Number 3** | **Number 4** |
|----------------|--------------|--------------|--------------|--------------|
| **Category A** | 500          | 520          | 540          | 520          |
| **Category B** | 520          | 540          | 560          | 540          |
| **Category C** | 540          | 560          | 580          | 560          |

Below is a bar chart

![](images/140466014543584.png)

[Chart data file](images/140466014543584.csv)

|                | **Number 1** | **Number 2** | **Number 3** | **Number 4** |
|----------------|--------------|--------------|--------------|--------------|
| **Category A** | 500          | 520          | 540          | 520          |
| **Category B** | 520          | 540          | 560          | 540          |
| **Category C** | 540          | 560          | 580          | 560          |

Below is an image of the design of the line chart as seen in note-station

![|600](images/787491613404344687.png)

Below is a hyperlink to the internet

<https://github.com/kevindurston21/YANOM-Note-O-Matic>

Below is a link to test page 2 inside of this notebook

[test page 2](test-page-2)

Below is a renamed link to test page 2 inside of this notebook

[test page 2](test-page-2)

Below is a a page in the 'Test Book 2' notebook

[Page linked to from test book](../test-book-2/page-linked-to-from-test-book)

Below is a renamed link to a page in this notebook, the link will not work

[renamed link to test page 3](notestation://remote/self/1026_1LRHUFL5U57TP9HI6RDC41U7LG)

Below is a link to a page that has a duplicated page title

[This is a duplicated title](../test-book-2/this-is-a-duplicated-title)  
[This is a duplicated title](../test-book-2/this-is-a-duplicated-title)  

An audio memo recording has been attached - it is silent because Note Station does not record correctly on my computers (if the feature actually works) but this shows it is exported.

An example-attachment.pdf has been attached

This page has 4 tags Tag1, Tag2, Tag1/SubTag1, Tag1/SubTag1/SubSubTag1. There will be near the top of the markdown file.

This is some code pasted into the note

if not files_to_convert: print('No .nsx files found') exit(1)


There is no way to insert 'code' in line in a Note.  Note formatted HTML does not use the &lt;code&gt; tag it just uses a &lt;pre&gt; tag so code is always it's own block even if only one word. Just like

while


this.

A pdf of what this page looks like in Note Station has been attached - see test page.pdf

This is the end of the text.

###### Attachments

[record-2021-02-15-160013.webm](images/record-2021-02-15-160013.webm)

[example-attachment.pdf](images/example-attachment.pdf)

[test-page.pdf](images/test-page.pdf)

Markdown displayed as HTML on this page

OK it is tricky to show you what the actual markdown looks like as it gets converted to HTML to display in your browser!

Below is the HTML representation of the markdown page


ctime: '202102122352' mtime: '202104242208' tag:

  • Tag1
  • Tag1/SubTag1
  • Tag1/SubTag1/SubSubTag1
  • Tag2 title: test page

This is H1

This is some more text

This is H2

This is some more text

This is H3

This is some more text

This is H4

This is some more text

This is H5

This is some more text

This is H6

This is some more text

This is highlighted Text

This is crossed out

This is italic

This is bold

This is underlined

subscript

superscript

  1. Number 1
  2. Number 2
    1. Number sub 1
    2. Number sub 2
  3. Number 3
  • Bullet 1

  • Bullet 2

    • Sub bullet 1
    • Sub bullet 2
      • Sub sub bullet 
  • Bullet 3

  • Check 1

  • Check 2

    • Sub check 1
    • Sub check 2
      • Sub sub check 1
      • Sub sub check 2
  • Check 3

There is a horizontal line below this text


There is a horizontal line above this text

Below is a 3x3 Table

cell R1C1 cell R1C2 cell R1C3
cell R2C1 cell R1C2 cell R1C3
cell R3C1 cell R1C2 cell R1C3

Pie Chart

Chart data file

cost price value total value sum percent
something 500 520 540 520 2080 32.10
something else 520 540 560 540 2160 33.33
another thing 540 560 580 560 2240 34.57

Line chart

Chart data file

Number 1 Number 2 Number 3 Number 4
Category A 500 520 540 520
Category B 520 540 560 540
Category C 540 560 580 560

Below is a bar chart

Chart data file

Number 1 Number 2 Number 3 Number 4
Category A 500 520 540 520
Category B 520 540 560 540
Category C 540 560 580 560

Below is an image of the design of the line chart as seen in note-station

|600

Below is a hyperlink to the internet

https://github.com/kevindurston21/YANOM-Note-O-Matic

Below is a link to test page 2 inside of this notebook

test page 2

Below is a renamed link to test page 2 inside of this notebook

test page 2

Below is a a page in the 'Test Book 2' notebook

Page linked to from test book

Below is a renamed link to a page in this notebook, the link will not work

renamed link to test page 3

Below is a link to a page that has a duplicated page title

This is a duplicated title
This is a duplicated title

An audio memo recording has been attached - it is silent because Note Station does not record correctly on my computers (if the feature actually works) but this shows it is exported.

An example-attachment.pdf has been attached

This page has 4 tags Tag1, Tag2, Tag1/SubTag1, Tag1/SubTag1/SubSubTag1. There will be near the top of the markdown file.

This is some code pasted into the note

if not files_to_convert:
    print('No .nsx files found')
    exit(1)

There is no way to insert 'code' in line in a Note.  Note formatted HTML does not use the <code> tag it just uses a <pre> tag so code is always it's own block even if only one word. Just like

while

this.

A pdf of what this page looks like in Note Station has been attached - see test page.pdf

This is the end of the text.

Attachments

record-2021-02-15-160013.webm

example-attachment.pdf

test-page.pdf