Special Markdown Case
Last updated
Was this helpful?
Last updated
Was this helpful?
Was this helpful?
Common markdown format for Gitbook, gatsby-starter-bee, and VNote.
didn't work in Gitbook
markdown
57. will started with offset 57
1. so it will be 58
2. this is 59
display
will started with offset 57
so it will be 58
this is 59
didn't work in Gatsby and Gitbook
markdown
fake@example.com didn't work in Gatsby and Gitbook
<fake@example.com> is okay
display
fake@example.com didn't work in Gatsby and Gitbook fake@example.com is okay
markdown
I know [Indonesia][1]
I also know [etymology of Indonesia][2]
I knew [History of Indonesia][3]
It doesn't have [hobbit-hole][hh].
[1]: <https://en.wikipedia.org/wiki/Indonesia>
[2]: https://en.wikipedia.org/wiki/Indonesia#Etymology "Etymology of Indonesia"
[3]: https://en.wikipedia.org/wiki/Indonesia#History 'History of Indonesia'
[hh]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> "Hobbit lifestyles"
display
I know Indonesia I also know etymology of Indonesia I knew History of Indonesia It doesn't have hobbit-hole.
markdown

![Wikipedia with Alt Text, reference style][id1]
[id1]: https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Wikipedia_Logo_1.0.png/240px-Wikipedia_Logo_1.0.png "Optional Text"
display
very restricted in Gitbook
markdown
This <em>word</em> is italic.
This <strong>word</strong> is bold.
This <del>word</del> is deleted with strikethorouugh.
display
This word is italic.
This word is bold.
This word is deleted with strikethorouugh.
didn't work in Gitbook
markdown
___
---
***
but only didn't work for Gitbook
display
didn't work for Gatsby
markdown
### My Great Heading {#heading-ids}
Link to [Heading IDs](#heading-ids)
display
Link to Heading IDs
markdown
```
This is a fenced code block.
```
~~~
No language indicated, so no syntax highlighting.
s = "There is no highlighting for this."
~~~
```python
def function():
#indenting works just fine in the fenced code block
s = "Python syntax highlighting"
print s
```
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```ruby
require 'redcarpet'
markdown = Redcarpet.new("ruby syntax highlighting")
puts markdown.to_html
```
display
This is a fenced code block.
No language indicated, so no syntax highlighting.
s = "There is no highlighting for this."
def function():
#indenting works just fine in the fenced code block
s = "Python syntax highlighting"
print s
var s = "JavaScript syntax highlighting";
alert(s);
require 'redcarpet'
markdown = Redcarpet.new("ruby syntax highlighting")
puts markdown.to_html
markdown
~~strikethrough~~
display
strikethrough
didn't work in Gitbook and Gatsby
==highlight, fail in Gitbook and Gatsby==
_underline, fail in Gitbook and Gatsby_
display
==highlight, fail in Gitbook and Gatsby== underline, fail in Gitbook and Gatsby
didn't work in Gitbook
in Gatsby and VNote, use Github Emoji Shortcode
markdown
Shortcode emoji examples :grinning: :smiley: :smile: :grin: :laughing: :joy:
display
Shortcode emoji examples 😀 😃 😄 😁 😆 😂
dind't work in Gatsby and Gitbook
markdown
autoreplacement of (c) (C) (r) (R) (tm) (TM) (p) (P) +-
superscript x^2^ and subscript H~2~O
display
autoreplacement of (c) (C) (r) (R) (tm) (TM) (p) (P) +-
superscript x^2^ and subscript H2O
markdown
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
x² y³ ¾ ¼ × ÷ » |
18ºC " '
display
© & ¨ ™ ¡ £ & < > ¥ € ® ± ¶ § ¦ ¯ « · x² y³ ¾ ¼ × ÷ » | 18ºC " '
Equation with one dollar sign $
works inline in VNote
Equation with two dollar signs $$
works inline in Jekyll and Gitbook, but not in VNote
markdown
Inline equation with one dollar sign: $E=mc^2$ (worked in VNote and Gatsby).
Inline equation with two dollar sign: $$E=mc^2$$ (worked in Gatsby, Jekyll and Gitbook).
display
Inline equation with one dollar sign: $E=mc^2$ (worked in VNote and Gatsby). Inline equation with two dollar sign: (worked in Gatsby, Jekyll and Gitbook).
markdown
Newline equation with two dollar signs.
$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
display
Newline equation with two dollar signs.
didn't work in Gitbook
markdown
<details>
<summary>Click this List ▶</summary>
<p>
<ul>
<li>irosyadi: https://irosyadi.netlify.app</li>
<li>irosyadi: https://irosyadi.gitbook.io</li>
<li>irosyadi: https://irosyadi.github.io</li>
</ul>
</p>
</details>
display
markdown
<details>
<summary>Clik this Term ▶</summary>
<p>Term is explanation of something</p>
</details>
display
markdown
<dl>
<dt>First Term</dt>
<dd>This is the definition of the first term.</dd>
<dt>Second Term</dt>
<dd>This is one definition of the second term. </dd>
<dd>This is another definition of the second term.</dd>
</dl>
display
First TermThis is the definition of the first term.Second TermThis is one definition of the second term.This is another definition of the second term.
markdown
The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.
display
The HTML specification is maintained by the W3C.
CSS delivered from: https://cdn.jsdelivr.net/gh/irosyadi/irosyadi@master/alert.css
didn't work in Gitbook
markdown
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/irosyadi/irosyadi@master/alert.min.css">
<div class="alert alert-success"><strong>🎯 SUCCESS!</strong> <br> Success text. </div>
<div class="alert alert-info"><strong>📌 INFO</strong> <br> Info text. </div>
<div class="alert alert-warning"><strong>⚠️ WARNING!</strong> <br> Warning text. </div>
<div class="alert alert-danger"><strong>⛔ DANGER!</strong> <br> Success text. </div>
display
🎯 SUCCESS! Success text.📌 INFO Info text.⚠️ WARNING! Warning text.⛔ DANGER! Success text.
didn't work in Gitbook
markdown
Here's a simple footnote,[^1] and here's a longer one,[^bignote], and [^withcode].
[^1]: This is the first footnote, in Gitbook, there is no new line between.
[^bignote]: Here's another one.
[^withcode]: `code` or code in paragraphs
display
Here's a simple footnote, and here's a longer one,, and . But there is problem with Gitbook for footnote.