はてなブログではじめるMarkdown記法

はてなブログではMarkdown記法でブログを書くことができます。

MacのMouというエディタのMarkdownサンプルをはてなブログに書いてみて、
使えるMarkdownを確認してみましょう。

下記を見れば、どんな表現、どんな書き方ができるかがわかります。

テーブル、画像の直接リンク(使用注意)、コードブロック、リンク
などが役立ちそうです。

f:id:peroon:20130223214253j:plain

Mou

Mou icon

Overview

Mou, the missing Markdown editor for web developers.

Syntax

Blockquotes

Right angle brackets > are used for block quotes.

Links and Email

An email example@example.com link.

Simple inline link http://chenluois.com, another inline link Smaller.

Ordered Lists

Ordered lists are created using "1." + Space:

  1. Ordered list item
  2. Ordered list item
  3. Ordered list item

Unordered Lists

Unordered list are created using "*" + Space:

  • Unordered list item
  • Unordered list item
  • Unordered list item

Horizontal Rules

Three or more asterisks or dashes:




Strikethrough

Wrap with 2 tilde characters:

Strikethrough

Fenced Code Blocks

Start with a line containing 3 or more backticks, and ends with the first line with the same number of backticks:

Fenced code blocks are like Stardard Markdown’s regular code
blocks, except that they’re not indented and instead rely on
a start and end fence lines to delimit the code block.

Tables

A simple table looks like this:

First Header Second Header Third Header
Content Cell Content Cell Content Cell
Content Cell Content Cell Content Cell

Specify alignement for each column by adding colons to separator lines:

First Header Second Header Third Header
Left Center Right
Left Center Right

   

エディタ上では下記のように書いています

# Mou

![Mou icon](http://mouapp.com/Mou_128.png)

## Overview

**Mou**, the missing Markdown editor for *web developers*.

### Syntax

#### Blockquotes

> Right angle brackets > are used for block quotes.

#### Links and Email

An email <example@example.com> link.

Simple inline link <http://chenluois.com>, another inline link [Smaller](http://smallerapp.com).

####  Ordered Lists

Ordered lists are created using "1." + Space:

1. Ordered list item
2. Ordered list item
3. Ordered list item

#### Unordered Lists

Unordered list are created using "*" + Space:

* Unordered list item
* Unordered list item
* Unordered list item 

#### Horizontal Rules

Three or more asterisks or dashes:

***

---

- - - -

#### Strikethrough

Wrap with 2 tilde characters:

~~Strikethrough~~

#### Fenced Code Blocks

Start with a line containing 3 or more backticks, and ends with the first line with the same number of backticks:

バッククオート3つ(```)
Fenced code blocks are like Stardard Markdown’s regular code
blocks, except that they’re not indented and instead rely on
a start and end fence lines to delimit the code block.
バッククオート3つ(```)

#### Tables

A simple table looks like this:

First Header | Second Header | Third Header
------------ | ------------- | ------------
Content Cell | Content Cell  | Content Cell
Content Cell | Content Cell  | Content Cell

Specify alignement for each column by adding colons to separator lines:

First Header | Second Header | Third Header
:----------- | :-----------: | -----------:
Left         | Center        | Right
Left         | Center        | Right

追記:

```(3つのバッククオートで囲むコードブロック)のはじめに

```ruby

```cpp

と書くと、シンタックスハイライトが可能。

ruby

puts 'The best app to log and share programming knowledge.'

l = [1,2,3]
l.each do |num|
 p num
end

cpp

print("hello\n");