blackJAM. | これからのブログを始めよう
blackJAM. | これからのブログを始めよう

Advanced

Markdownでの記事の書き方

# Markdown

# Contentful

この記事では、Contentfulで採用されている、Markdown形式のエディタで記事を書く方法を紹介します。ContentfulではWordePressと同様にリッチテキストエディタも使用できますが、慣れてしまえばMarkdownを用いた方がはるかにクールなので、ぜひ挑戦してみてください。

Recommended Posts

Advanced

吹き出しボックスの作りかた

4/26/2019

# 基本設定

# 吹き出し

Markdownとは

日本語Markdownユーザー会によれば、

Markdown(マークダウン)は、文章の書き方です。デジタル文書を活用する方法として考案されました。特徴は、

  • 手軽に文章構造を明示できること
  • 簡単で、覚えやすいこと
  • 読み書きに特別なアプリを必要としないこと
  • それでいて、対応アプリを使えば快適に読み書きできること

などです。Markdownはジョン・グルーバー(John Gruber)によって2004年に開発され、最初はDaring Fireball: Markdown で公開されました。その後、多くの開発者の手を経ながら発展してきました。

とのことです。

見出し

# 見出し

## 小見出し

とすることで、###に続くテキストをそれぞれ見出し、小見出しとして表示することができます。

文字の装飾

強調表現

文字を**強調**したり、*斜体*にしたりできます。

文字を強調したり、斜体にしたりできます。

リスト

順番なしのリストは
- このように
- ハイフンで表します。

順番ありのリストは、
1. このように
2. 番号を振ります。

順番なしのリストは

  • このように
  • ハイフンで表します。

順番ありのリストは、

  1. このように
  2. 番号を振ります。

引用&脚注

他サイトなどから引用したい場合は[^1]、
> このように、
> 各行を「>」に続けて記入することで、
> 引用文として表示できます。

[^1]: 脚注は記事の最下部に表示されます。

他サイトなどから引用したい場合は[1]

このように、 各行を「>」に続けて記入することで、 引用文として表示できます。

リンク&画像

リンク

[リンクテキスト](URL)とすることで、簡単にリンクを貼ることもできます。
(例) [blackJAM](http://blackJAM-starter.netlify.com/)

リンクテキストとすることで、簡単にリンクを貼ることもできます。 (例) blackJAM

画像

画像を貼るのも簡単です。
![blackJAM logo](//images.ctfassets.net/chuvdygdb629/FU80JY2087wTEXxTwkdu7/74c82772505184998cf9e4d9f04e0688/logoSmall.png)

画像を貼るのも簡単です。 blackJAM logo

動画

動画を貼るのも簡単です。
@[youtube](http://www.youtube.com/embed/dQw4w9WgXcQ)

動画を貼るのも簡単です。

テーブル

なんと、簡単なテーブルまで作れてしまうのです。

| フィールド | 名前     | タイプ           |
|------------|----------|------------------|
| タイトル   | Title    | Short text       |
| スラッグ   | Slug     | Short text       |
| 日付       | Date     | Date & time      |
| カテゴリ   | Category | Reference (one)  |
| タグ       | Tags     | Reference (many) |
| 本文       | Content  | Long text        |
| サムネイル | Image    | Media            |
| おすすめ   | Featured | Boolean          |

なんと、簡単なテーブルまで作れてしまうのです。

フィールド 名前 タイプ
タイトル Title Short text
スラッグ Slug Short text
日付 Date Date & time
カテゴリ Category Reference (one)
タグ Tags Reference (many)
本文 Content Long text
サムネイル Image Media
おすすめ Featured Boolean

目次

記事に目次をつけたい場合は、エディタの一番上で[[toc]]と書くだけで、勝手に見出しを拾って自動生成してくれます。

コード&LaTeX

コード

短いコードを書きたい場合は`code`のように、``を使います。
ブロックコードを書きたい場合は、

```javascript
import love from you

のようにします。

短いコードを書きたい場合はcodeのように、``を使います。 ブロックコードを書きたい場合は、

import love from you

のようにします。

LaTeX

$x^2=5$および$x>0$より、

$$
x = \sqrt{5}
$$

を得る。

x2=5x^2=5およびx>0x>0より、

x=5x = \sqrt{5}

を得る。


  1. 脚注は記事の最下部に表示されます。 ↩︎

あなたへのお薦め

recommended

Advanced

吹き出しボックスの作りかた

4/26/2019

基本設定

吹き出し

この記事では、記事内で吹き出し形式のメッセージを表示する方法について説明しています。

Comments

Questions, Bag Reports...