Writing help

Generate heading

Add # (sharp) to generate a heading (h tag).

Markdown entry example

# heading1
## heading2 
### heading3
#### heading4 

Generated HTML

<h1>heading1</h1>
<h2>heading2</h2> 
<h3>heading3</h3>
<h4>heading4</h4> 

Emphasize the text

The part enclosed in ** or __ is highlighted as bold.

Markdown entry example

** Emphasized ** or __ This is also __

Generated HTML

<strong>Emphasized</strong> or <strong>This is also</strong>

Set a link

Format

[Link text](Link address)

Markdown entry example

[Link of compekun](https://compekun.com/)

Generated HTML

<a href="https://compekun.com/">Link of compekun</a>

Display image

Format

![alt name](URL "title(optional)")

Markdown entry example

![Compekun](https://compekun.com/compekun.png "image of compekun")

Generated HTML

<img src="https://compekun.com/compekun.png" alt="Compekun" title="image of compekun">

Quote

Add > to the beginning of the sentence

Markdown entry example

>quote 1
>quote 2
>quote 3

Generated HTML

<blockquote>
  <p>quote 1</p>
</blockquote>
<blockquote>
  <p>quote 2</p>
</blockquote>
<blockquote>
  <p>quote 3</p>
</blockquote>

Horizon line

A horizontal line is displayed when three or more asterisks, hyphens, and underscores are lined up.

Markdown entry example

***
---
___

Generated HTML

<hr>
<hr>
<hr>
- - -

Table composition

Markdown entry example

| TH1 | TH2 |
----|---- 
| TD1 | TD3 |
| TD2 | TD4 |

| Left justified | Centered | Right justified |
|:---|:---:|---:|
|1 |2 |3 |
|4 |5 |6 |

Generated HTML

<table>
<thead>
<tr>
<th>Unspecified</th>
<th align="left">Left justified</th>
<th align="center">Centered</th>
<th align="right">Right justified</th>
</tr>
</thead>
<tbody>
<tr>
<td>contents 1</td>
<td align="left">contents 2</td>
<td align="center">contents 3</td>
<td align="right">contents 4</td>
</tr>
</tbody>
</table>

List

Markdown entry example

- list 1
    - list 1_1
        - list 1_1_1
        - list 1_1_2
    - list 1_2
- list 2
- list 3

Generated HTML

<ul>
<li>list 1
<ul>
<li>list 1_1
<ul>
<li>list 1_1_1</li>
<li>list 1_1_2</li>
</ul>
</li>
<li>list 1_2</li>
</ul>
</li>
<li>list 2</li>
<li>list 3</li>
</ul>

Numbered list

Markdown entry example

1. Numbered list 1
    1. Numbered list 1-1
    1. Numbered list 1-2
1. Numbered list 2
1. Numbered list 3

Generated HTML

<ol>
<li>Numbered list 1
<ol>
<li>Numbered list 1-1</li>
<li>Numbered list 1-2</li>
</ol>
</li>
<li>Numbered list 2</li>
<li>Numbered list 3</li>
</ol>

Formatted text

Markdown entry example

~~~
class Hoge
    def hoge
        print 'hoge'
    end
end
~~~

* Enclose 3 or more ~ (tildes) side by side.

    class Hoge
        def hoge
            print 'hoge'
        end
    end

* Enter four half-width spaces at the beginning.

Generated HTML

<pre>
class Hoge
    def hoge
        print 'hoge'
    end
end
</pre>