マークダウン記法について

マークダウン記法とは?

マークアップ言語をより簡単に使えるようにしたものであり、記述も少なくシンプルなので、誰でも簡単に使うことができます。
 手軽に文章構造をつくることができ、HTMLの知識がなくても簡単で覚えやすいのが特徴です。

サポーターズではイベントページ作成の際に、よく使うものを下記にまとめました。
イベントの作成・編集の際にお役立てください。

よくある間違い

=空白

1. 太文字
NG例 : ** これは太文字になりません ** これは**「太文字」**になりません  

OK例 : **これは太文字になります**     これは **「太文字」** になります

→ 強調(太字)の表記方法

2. リンク
NG例 : https://talent.supporterz.jp  ※このままではリンクになりません

OK例 : [https://talent.supporterz.jp](https://talent .supporterz.jp)
      <https://talent.supporterz.jp> 

→ ハイパーリンクの表記方法

 

それぞれの詳しい表記方法は左の目次を参照の上、イベントページ作成の際にお役立てください。

→ イベント詳細の注意点

改行

行末に「半角スペース」を「2個」連続入力することで、以降の文章を改行できます。

編集画面上では前文と同じ行に表記されていても、実際のページでは改行した状態で表示されます。

例)

表記

あけましておめでとうございます。   本年もよろしくお願いいたします。

=空白

表示

あけましておめでとうございます。

本年もよろしくお願いいたします。

見出し(大文字)

文章の冒頭に「#」を入力することで、見出しとして設定することができます。

「#」の数で見出しの大きさを変えることができ、h1(見出し1)=「#」、h2(見出し2)=「##」、と「#」が増えるごとに小さくなっていきます。

例)

表記

# あけましておめでとうございます。
## 本年もよろしくお願いいたします。
###令和6年元旦

表示

あけましておめでとうございます。

本年もよろしくお願いいたします。

令和6年元旦

箇条書き

「*」(アスタリスク)をつけることで、箇条書きになります。

例)

表記

*にんじん
*じゃがいも
*玉ねぎ
*牛肉

表示

  • にんじん
  • じゃがいも
  • 玉ねぎ
  • 牛肉

番号付き

箇条書きした各項目に番号をつけたい場合は、数値+半角ドットで書きます。

例)

表記

1.起立
2.気を付け
3.礼
4.着席

表示

  1. 起立
  2. 気を付け
  3. 着席

テーブル・表

「 | 」で行を区切り、「 | ‐‐‐ | 」でヘッダーの表示ができます

 ■セル内で改行

 <br>タグを挿入

 ■右寄せ・中央寄せ・左寄せ

  • 左寄せの場合 :---
  • 中央寄せの場合 :---:
  • 右寄せの場合 ---:

例)

表記

| くだもの 左寄せ | やさい 中央寄せ | のみもの 右寄せ |

 | :---|  | :---: |  | ---: |

| みかん | にんじん | みず<br>お茶 |

| ぶどう | だいこん | ジュース |

表示

	Markdown_table

チェックボックス

項目の頭に‐(ハイフン)と[ ](大カッコ)を入力することで、チェックボックスを表示できます。

チェック済みは[]の中にx(エックス)を入れます。
チェックなしは[]の中に半角スペースをいれます。

例)

表記

‐[x]はい
‐[ ]いいえ

表示

☑はい

□いいえ

ハイパーリンク

[リンクテキスト](URL)と入力することで、[]内に入力したテキストをクリックして指定したURLへリンクできるようになります。

例)

表記

[サポーターズ](https://biz.supporterz.jp/)

文字装飾

太字

文章の強調したい部分を「**」(アスタリスク2つ)で挟むと、「太字」で表示できます

例)

表記

**おはようございます**

表示

おはようございます

斜体

文章の強調したい部分を「*」(アスタリスク1つ)で挟むと、「斜体」で表示できます

例)

表記

*おはようございます*

表示

おはようございます

引用

「>」を入力することで、引用表記できます。

例)

表記

おはようございます
> こんにちは

表示

おはようございます
”こんにちは”

画像

行末で「半角スペース」を「2個」連続入力すると、以降の文章を改行することができます。

編集画面上では前文と同じ行に表記していても、実際のページでは改行された状態で表示されます。

例)

表記

![イベントバナーの画像](画像URL)

表示

①画像が問題なく表示される場合

②ユーザーが画像を非表示にしている場合
「イベントバナーの画像]」というテキストが表示される

水平線

「*」(アスタリスク)、「-」(ハイフン)、「_」(全角アンダーバー)を3つ以上連続で入力すると水平線を表示できます。

例)

表記

おはようございます
***
こんにちは

表示

おはようございます


こんにちは