Standard Markdown
- \ backslash
- ` backtick
- * asterisk
- _ underscore
- {} curly braces
- [] square brackets
- () parentheses
- # hash mark
- + plus sign
- - minus sign (hyphen)
- . dot
- ! exclamation mark
HEADERS
1 | This is an H1 |
Any number of underlining =’s or -’s will work.
1 | # This is an H1 |
BLOCKQUOTES
1 | > This is the first level of quoting. |
Blockquotes can contain other Markdown elements, including headers, lists, and code blocks:
1 | > ## This is a header. |
LISTS
1 | * Red |
is equivalent to:
1 | + Red |
and:
1 | - Red |
Ordered lists use numbers followed by periods:
1 | 1. Bird |
CODE BLOCKS
1 | This is a normal paragraph: |
One level of indentation — 4 spaces or 1 tab — is removed from each line of the code block. For example, this:
1 | Here is an example of AppleScript: |
HORIZONTAL RULES
1 | * * * |
LINKS
1 | This is [an example](http://example.com/ "Title") inline link. |
Here’s an example of reference links in action:
1 | I get 10 times more traffic from [Google][] than from |
EMPHASIS
1 | *single asterisks* |
CODE
1 | Use the `printf()` function. |
Use the printf()
function.
IMAGES
1 | ![Alt text](/path/to/img.jpg) |
1 | Contact to <example@example.com>. |
Contact to example@example.com.
Github Flavored Markdown
ref: https://help.github.com/articles/github-flavored-markdown
Newlines
The next paragraph contains two phrases separated by a single newline character
1 | Haroopad |
Haroopad
The next document processor
Multiple underscores in words
It is not reasonable to italicize just part of a word, especially when you’re dealing with code and names often appear with multiple underscores. Therefore, GFM ignores multiple underscores in words.
1 | perform_complicated_task |
perform_complicated_task
do_this_and_do_that_and_another_thing
URL autolinking
GFM will autolink standard URLs, so if you want to link to a URL (instead of setting link text), you can simply enter the URL and it will be turned into a link to that URL.
Table
Tables aren’t part of the core Markdown spec, but they are part of GFM and Markdown Here supports them.
Colons(:) can be used to align columns.
Left : |:------|
Right : |------:|
Center : |:-----:|
1 | | name | age | gender | money | |
name | age | gender | money |
---|---|---|---|
rhio | 384 | robot | $3,000 |
haroo | .3 | bird | $430 |
jedi | ? | undefined | $0 |
Fenced code blocks
Markdown converts text with four spaces at the front of each line to code blocks. GFM supports that, but we also support fenced blocks. Just wrap your code blocks in 1
2
Here's an example:
function test() {
console.log(“notice the blank line before this function?”);
}1
2
3
4
5
6
7
8
9
We take code blocks a step further and add syntax highlighting if you request it. In your fenced block, add an optional language identifier and we'll run it through syntax highlighting. For example, to syntax highlight Ruby code:
```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
Table of Contents
A table of contents, usually headed simply “Contents” and abbreviated informally as TOC, is a list of the parts of a book or document organized in the order in which the parts appear.
It will generate a table of content that you can insert [TOC]
at the top of your markdown file.
1 | [TOC] |
example
[TOC]
Extras (only haroopad)
Experimental since v0.6.0
Highlight
Highlight (and highlights, highlighting, etc.) may refer to:
1 | Syntax ==highlighting==, **display of text** in different colors and/or fonts, depending upon its meaning in context (e.g. different parts of speech in a sentence, or ==function== vs. ==variables names== in computer source code) |
Syntax ==highlighting==, display of text in different colors and/or fonts, depending upon its meaning in context (e.g. different parts of speech in a sentence, or ==function== vs. ==variables names== in computer source code)
Underline
1 | An ++underline++, also called an underscore is one or more horizontal lines immediately below a portion of writing. |
An ++underline++, also called an underscore is one or more ++horizontal lines++ immediately below a portion of writing.
Embedding
웹 문서를 작성하다 보면 비디오, 음악을 포함한 다양한 온라인 콘텐츠를 이용하기 마련이다. 이에 경량의 문법을 이용하는 마크다운의 특성을 유지하고 기존의 마크다운 사용자 경험에 크게 벗어나지 않으며 강력한 웹 콘텐츠를 문서내에 쉽게 추가할 수 있도록 새로운 문법을 추가하였다.
1 | @[Vimeo Video](https://vimeo.com/70762354 'float:left;width:400px') |
Haroopad is a markdown enabled document processor for creating web-friendly documents.
You can author professional-looking documents of various formats: blog posts, slides, presentations, reports, email and more.
Haroopad gives you the same editing experience regardless of the platform you are working on. It runs on all three major operating systems—Windows, Mac OS X, and Linux.
Mathematics Expression
Haroopad uses MathJax to render LaTeX. You can use triple dollar sign ($$$..$$$
) to delimit inline equations, and double dollars ($$..$$
) for blocks
example
1 | The *Gamma function* satisfying $\Gamma(n) = (n-1)!\quad\forall |
become
The Gamma function satisfying $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ is via through the Euler integral
$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$
Diagram
This statement helps to render the flow charts and diagrams to extend the fence code block.
Just write the mermaid
grammar in the fenced code block, as in the example below.
You get the detail - Click Here
example
1 | ```mermaid |
become
1 | graph TD; |
Tasklist
So that it can be represented as a checkbox item GFM statement.
This statement is useful when you create the TODO or Checklist.
example
1 | - [ ] first task |
- first task
- second task is done
- third task
Presentation
Just insert ***
or ---
separator to separate each slide.
example
1 | ## slide1 title |