サイズ指定が同じだと、たいてい同じ画像になるようだ。
サイズ指定が違う場合だと、元となる画像は、同じになったり違ったりするようだ。

左から、100*100、100*100、100*101、100*102、100*103、100*104、100*105、100*105、100*150

本日TechTipsを公開しましたので、どうぞご利用下さい。よろしくお願いいたします。

Markdownエスケープの例です。

- \\   backslash
- \`   backtick
- \*   asterisk
- \_   underscore
- \{\}  curly braces
- \[\]  square brackets
- \(\)  parentheses
- \#   hash mark
- \+   plus sign
- \-   minus sign (hyphen)
- \.   dot
- \!   exclamation mark

以上の記述をすると以下のように表示されます。

• \ backslash
• ` backtick
• * asterisk
• _ underscore
• {} curly braces
• [] square brackets
• () parentheses
• # hash mark
• + plus sign
• - minus sign (hyphen)
• . dot
• ! exclamation mark

Markdownの画像表示の例です。

![Alt text 1](https://placecats.com/100/100)

![Alt text 2][id]

[id]: https://placecats.com/200/100

以上の記述をすると以下のように表示されます。

Markdownのブロック引用の例です。

Block quote

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> 
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
> id sem consectetuer libero luctus adipiscing.

以上の記述をすると以下のように表示されます。

Block quote

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

Markdownのコードブロックの例です。

Code block 1

```
This is a code block.
```

以上の記述をすると以下のように表示されます。

Code block 1

This is a code block.

「```」の後ろに言語名を記述することで、その言語に応じたハイライトを行うことが出来ます。

Code block 2

```ruby
class Foo
  def hello
    puts 'hello'
  end
end
```

以上の記述をすると以下のように表示されます。

Code block 2

class Foo
  def hello
    puts 'hello'
  end
end

なお、TechTipsでは現在コードブロックのハイライトにrougeを利用しています。
このrougeで利用できる言語等の種類の一覧は以下をご覧下さい。
https://github.com/rouge-ruby/rouge/wiki/List-of-supported-languages-and-lexers

「```」で囲うのではなく、スペース4つでインデントを行ってもコードブロックになります。

Code block 3

    <div class="footer">
        2004 Foo Corporation
    </div>

以上の記述をすると以下のように表示されます。

Code block 3

<div class="footer">
    2004 Foo Corporation
</div>

Markdownの文中コードの例です。

Use the `printf()` function.

``There is a literal backtick (`) here.``

A single backtick in a code span: `` ` ``

A backtick-delimited string in a code span: `` `foo` ``

以上の記述をすると以下のように表示されます。

Use the printf() function.

There is a literal backtick (`) here.

A single backtick in a code span: `

A backtick-delimited string in a code span: `foo`

Markdownのリンクの例です。

This is [an example](http://example.com/) inline link.
This is [an example][id] reference-style [link][id].

[id]: http://example.com/

以上の記述をすると以下のように表示されます。

This is an example inline link. This is an example reference-style link.

Markdownの水平線の例です。

---

以上の記述をすると以下のように表示されます。

Markdownの順序付きリストの例です。

List 4

1.  Bird
2.  McHale
3.  Parish

List 5

1.  Bird
1.  McHale
1.  Parish

以上の記述をすると以下のように表示されます。

List 4

1. Bird
2. McHale
3. Parish

List 5

1. Bird
2. McHale
3. Parish

注意事項

1986. What a great season.

以上のようなとき、以下のように意図せずにリストになる場合がありますのでご注意下さい。

1. What a great season.

このような場合、以下のようにエスケープすることで意図した通りに表示できます。

1986\. What a great season.

このようにエスケープすることで、以下のようにリストにせずに表示できます。

1986. What a great season.