How to format your notes using Markdown Syntax
This app allows you to format/ style your notes with built-in Markdown Editor. Not all Markdown features are available at the moment, but you can create headers, lists, footnotes, tasks lists, strikethrough text, bold & italic text, links, images & tables. Check out the examples of what you're able to do below.
You may also be interested in checking out, .
Headers
What you need to type:
# H1
## H2
### H3
...
###### H6
What you get:
H1
H2
H3
H6
Ordered List
What you need to type:
1. First item
2. Second item
3. Third item
What you get:
- First item
- Second item
- Third item
Unordered List
What you need to type:
- First item
- Second item
- Third item
What you get:
- First item
- Second item
- Third item
Bold Text
What you need to type:
**bold text**
What you get:
bold text
Italicized text
What you need to type:
*italicized text*
What you get:
italicized text
Linked text/ external source (opens in the new window)
What you need to type:
[This is linked text (click & try)](https://www.this-is-your-link.com)
What you get:
This is linked text (click & try)
⚠️ In this case, link will be opened in the new browser window!
Linked internal note (opens in the same window)
Remember, that you can also (& basically should!) refer to other notes stored in your database using links, because every note has it's own id & URL.
To link the note in the other one, use this syntax:
[some text/ note title goes here](/notes/some-note-id-goes-here).
And you'll get this internal link to your note: .
⚠️ In this case, new note will be opened in the same browser window!
For convinience, note's id is placed on top of each note card & ready-to-copy note's link is placed at the bottom of each note card.
Horizontal Rule
What you need to type:
---
What you get:
Footnote
What you need to type:
Here's a sentence with a footnote. [^1]
[^1]: This is the footnote (it appears in the bottom of the page -> check it out!).
What you get:
Here's a sentence with a footnote.
Strikethrough
What you need to type:
~~The world is flat.~~
What you get:
The world is flat.
Task List
What you need to type:
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
What you get:
- Write the press release
- Update the website
- Contact the media
Table
What you need to type:
| Column Header 1 | Column Header 2 |
| --------------- | --------------- |
| column content | column content |
| column content | column content |
What you get:
| Column Header 1 | Column Header 2 |
|---|---|
| column content | column content |
| column content | column content |
Image
What you need to type:
Warning: The Markdown syntax for images doesn’t allow you to specify the width and height of images. If you need to resize an image, you can use the img HTML tag with the width and height attributes to set the dimensions of an image in pixels:
<img src="https://vadimgierko.github.io/linky-notes/linky-notes-app-screen-vadim-gierko.png" width="300">
or if you want to ensure that the image will not be bigger than the available note space, then use this code:
<img src="https://vadimgierko.github.io/linky-notes/linky-notes-app-screen-vadim-gierko.png" width="100%">
What you get (the second and third code snippets):
Footnotes
-
This is the footnote.