LinkSearchMenuExpandDocument
Table of contents

Jekyll の Markdown について

見出しと改行

マークダウン:

# Header 1    >>  <h1>Header 1</h1>
## Header 2   >>  <h2>Header 2</h2>
### Header 3  >>  <h3>Header 3</h3>

強制的に改行を入れたい場合は、行末に2つ以上のスペースを入力して改行します。 これは<br />に変換されます。

Back to top

スタイル

マークダウン:

_斜体_          >>  <em>斜体</em>
**太字**        >>  <strong>太字</strong>
~~打ち消し線~~  >>  <del>打ち消し線</del>

表示:

斜体
太字
打ち消し線

マークダウン:

> 引用文      >>  <blockquote>引用文</blockquote>

表示:

引用文

Back to top

リスト

順序なしリスト

-, *, + のどれでも良い

マークダウン:

- Item
  * Item
      + Item

表示:

  • Item
    • Item
      • Item

順序付きリスト

マークダウン:

1. Item 1
1. Item 2
1. Item 3

表示:

  1. Item 1
  2. Item 2
  3. Item 3

タスクリスト

マークダウン:

- [ ] Incomplete item
- [x] Complete item

表示:

  • Incomplete item
  • Complete item

Back to top

リンク

マークダウン:

A [link](http://example.com).           >>  <a href="http://example.com">link</a>
A [link](http://example.com "Title").
  >>  <a href="http://example.com" title="Title">link</a>
An image: ![Alt](img.jpg)               >>  <img src="img.jpg" alt="Alt">
An image with class: ![Alt](img.jpg){:.img-class}
  >>  <img src="img.jpg" alt="Alt" class="img-class">

Back to top

コード

インラインコード

マークダウン:

Some `inline code`.

表示:

Some inline code.

コードブロック

マークダウン:

```
// A code block
var foo = 'bar';
```

表示:

// A code block
var foo = 'bar';

色付きコードブロック

マークダウン:


```javascript
// An highlighted block
var foo = 'bar';
```

表示:

// An highlighted block
var foo = 'bar';

Back to top

テーブル

マークダウン:

Item     | Value
-------- | -----
Computer | $1600
Phone    | $12
Pipe     | $1

表示:

ItemValue
Computer$1600
Phone$12
Pipe$1

文字揃え

マークダウン:

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered | right-aligned |

表示:

Column 1Column 2
centeredright-aligned

Back to top

定義リスト

マークダウン:

Markdown
:  Text-to-HTML conversion tool

表示: (HTMLの略記表示は次項に定義があるため)

Markdown
Text-to-HTML conversion tool

マークダウン:

Authors
:  John
:  Luke

表示:

Authors
John
Luke

Back to top

略記

マークダウン:

Markdown converts text to HTML.

*[HTML]: HyperText Markup Language

表示:

Markdown converts text to HTML.

Back to top

脚注

マークダウン:

Some text with a footnote.[^1]

[^1]: The footnote.

表示: (脚注の表示はページ下部)

Some text with a footnote.1

Back to top

目次

順序なしリストを使った目次

マークダウン:

- TOC
{:toc}

順序付きリストを使った目次

マークダウン:

1. TOC
{:toc}

折り畳みできる目次

マークダウン:

<details open markdown="block">
  <summary>Table of Contents</summary>
- TOC
{:toc}
</details>

目次からの除外

見出しにno_tocクラスを付加することで目次から除外することができる。

マークダウン:

## Header
{:.no_toc}

関連ページ

Back to top

ID と CLASS

インライン要素

マークダウン:

[link](http://example.com){:.add-class}
  >> <a href="http://example.com" class="add-class">link</a>
[link](http://example.com){:#add-id}
  >> <a href="http://example.com" id="add-id">link</a>

ブロック要素

マークダウン:

## Header
{:.add-class}

## Header
{:#add-id}

Back to top


  1. The footnote. 

ブログ記事

下記に掲載を希望される方はご連絡ください (詳細)

Back to top


Back to top

Copyright © 2021 Otti

Page last modified: