atwiki-logo
  • 新規作成
    • 新規ページ作成
    • 新規ページ作成(その他)
      • このページをコピーして新規ページ作成
      • このウィキ内の別ページをコピーして新規ページ作成
      • このページの子ページを作成
    • 新規ウィキ作成
  • 編集
    • ページ編集
    • ページ編集(簡易版)
    • ページ名変更
    • メニュー非表示でページ編集
    • ページの閲覧/編集権限変更
    • ページの編集モード変更
    • このページにファイルをアップロード
    • メニューを編集
    • 右メニューを編集
  • バージョン管理
    • 最新版変更点(差分)
    • 編集履歴(バックアップ)
    • アップロードファイル履歴
    • ページ操作履歴
  • ページ一覧
    • ページ一覧
    • このウィキのタグ一覧
    • このウィキのタグ(更新順)
    • このページの全コメント一覧
    • このウィキの全コメント一覧
    • おまかせページ移動
  • RSS
    • このウィキの更新情報RSS
    • このウィキ新着ページRSS
  • ヘルプ
    • ご利用ガイド
    • Wiki初心者向けガイド(基本操作)
    • このウィキの管理者に連絡
    • 運営会社に連絡(不具合、障害など)
ページ検索 メニュー
そっとプロジェクト@Wiki
  • ウィキ募集バナー
  • 目安箱バナー
  • 操作ガイド
  • 新規作成
  • 編集する
  • 全ページ一覧
  • 登録/ログイン
ページ一覧
そっとプロジェクト@Wiki
  • ウィキ募集バナー
  • 目安箱バナー
  • 操作ガイド
  • 新規作成
  • 編集する
  • 全ページ一覧
  • 登録/ログイン
ページ一覧
そっとプロジェクト@Wiki
ページ検索 メニュー
  • 新規作成
  • 編集する
  • 登録/ログイン
  • 管理メニュー
管理メニュー
  • 新規作成
    • 新規ページ作成
    • 新規ページ作成(その他)
      • このページをコピーして新規ページ作成
      • このウィキ内の別ページをコピーして新規ページ作成
      • このページの子ページを作成
    • 新規ウィキ作成
  • 編集
    • ページ編集
    • ページ編集(簡易版)
    • ページ名変更
    • メニュー非表示でページ編集
    • ページの閲覧/編集権限変更
    • ページの編集モード変更
    • このページにファイルをアップロード
    • メニューを編集
    • 右メニューを編集
  • バージョン管理
    • 最新版変更点(差分)
    • 編集履歴(バックアップ)
    • アップロードファイル履歴
    • ページ操作履歴
  • ページ一覧
    • このウィキの全ページ一覧
    • このウィキのタグ一覧
    • このウィキのタグ一覧(更新順)
    • このページの全コメント一覧
    • このウィキの全コメント一覧
    • おまかせページ移動
  • RSS
    • このwikiの更新情報RSS
    • このwikiの新着ページRSS
  • ヘルプ
    • ご利用ガイド
    • Wiki初心者向けガイド(基本操作)
    • このウィキの管理者に連絡
    • 運営会社に連絡する(不具合、障害など)
  • atwiki
  • そっとプロジェクト@Wiki
  • Markdownモード

そっとプロジェクト@Wiki

Markdownモード

最終更新:2024年12月16日 18:34

sotto_project

- view
管理者のみ編集可

@wikiのMarkdownモードで「Markdown記法一覧」を書いてみるテスト

  • 編集モードが「Markdownモード」の短所としてアットウィキのプラグインが使えない、が大きいので、「Markdownモード」を使うメリットは「Markdownを使わないと死んじゃう」人にしかない印象(2024/12/16)
    • 編集モードとは - アットウィキ(@WIKI)ご利用ガイド - atwiki(アットウィキ)alttext

アットウィキ(@WIKI)に、Markdownモードなんて出来てたのか。久々にアットウィキを使ってみた → https://t.co/4JJ2Bimjcc / “Markdownモード - アットウィキ(@WIKI)ご利用ガイド - アットウィキ” https://t.co/W4rxGk4MXm— まめ狸@パラオ泊地 (@mametanuki) March 12, 2020

  • 元ネタ

■目次

  • 段落と改行
  • 見出し記法
    • Atx形式の見出し記法
    • Setext形式の見出し記法
  • リスト記法
    • 箇条書きリスト記法
    • 番号付きリスト記法
  • 表組み記法(Markdown Extra)
  • 引用記法
  • pre記法
  • code記法
    • はてな記法「自動リンク停止記法」の代用
  • 強調記法
  • 水平罫線記法
  • リンク記法
    • 文中埋め込みリンク記法
    • 定義参照リンク記法
  • 【あとで書く】画像記法

■段落と改行

 Markdown記法では、1行以上の空行で挟まれた範囲内が段落として処理される。
 ※段落内の改行は無視される!
 ※段落内で改行したい場合は、行末に2つ以上の半角スペースを付けること! ( 面倒臭ェ… )

1段落目の1行目。この改行は無視される→
文末に半角スペース×2あり→  
この行は、2行目として表示される

2段落目

…と書くと
  ↓

1段落目の1行目。この改行は無視される→ 文末に半角スペース×2あり→
この行は、2行目として表示される

2段落目


■見出し記法

 見出し記法には、Atx形式とSetext形式の2つがある。

■Atx形式の見出し記法

 はてな記法ではアスタリスク「*」だけど、Markdown記法では1~6個のシャープ「#」を使う。
 ※素のテキストでの見易さのため、見出しが目立つように末尾に「#」を好きな数だけ付けることも可能。表示はされない。

#見出し1
##見出し2###############################################################
###見出し3
####見出し4
#####見出し5
######見出し6

…と書くと
  ↓

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

■Setext形式の見出し記法

 Markdown記法では、Atx形式の他に、見出しの次の行に等号「=」(第一レベルの見出し)とハイフン「-」(第二レベルの見出し)を下線として記述し、見出しを表現するSetext記法もある。
 下線として用いる「=」「-」の文字数は自由。

見出し1 (下線は、どんなに長くてもOK)
==================================================================
見出し2 (下線は、1文字以上ならどんなに短くてもOK)
-

…と書くと
  ↓

見出し1 (下線は、どんなに長くてもOK)

見出し2 (下線は、1文字以上ならどんなに短くてもOK)


■リスト記法

■箇条書きリスト記法

 はてな記法と同じハイフン「-」に加え、プラス記号「+」やアスタリスク「*」も使える。
 ※記号の直後は、半角スペース or タブが必要!
 ※リストと前の段落との間に空行が必要!
 ※リスト内の階層は、半角スペース4つ or タブ1つを用いて表現する

- 箇条書きリスト
    - 箇条書きリスト(字下げで階層化)
    - 箇条書きリスト(字下げで階層化)
- 箇条書きリスト

…と書くと
  ↓

  • 箇条書きリスト
    • 箇条書きリスト(字下げで階層化)
    • 箇条書きリスト(字下げで階層化)
  • 箇条書きリスト

■番号付きリスト記法

 はてな記法ではハイフン「-」だけど、Markdown記法では番号の後ろにピリオド「.」を付けるという記法になる。
 ※ピリオドの直後は、半角スペース or タブが必要!
 ※リストと前の段落との間に空行が必要!
 ※現状は、どんな番号を書いても1から順番に番号が振られる。
 ※リスト内の階層は、半角スペース4つ or タブ1つを用いて表現する

3. 番号付きリスト
2. 番号付きリスト
1. 番号付きリスト
    9. 番号付きリスト(字下げで階層化)
    9. 番号付きリスト(字下げで階層化)
9. 番号付きリスト

…と書くと
  ↓

  1. 番号付きリスト
  2. 番号付きリスト
  3. 番号付きリスト
    1. 番号付きリスト(字下げで階層化)
    2. 番号付きリスト(字下げで階層化)
  4. 番号付きリスト

■表組み記法(Markdown Extra)

 はてな記法と同じパイプ記号「|」で区切る。
 実は、Markdown記法に表組み記法はない。Markdown記法を拡張したMarkdown Extraの表組み記法を採用したと思われる。
 ※ 1行目に項目名(ヘッダ)を、2行目は項目名とデータの区切りを「-」で記入、3行目以降にデータを記入する形式を守ること!
 ※表組みと前の段落との間に空行が必要!

|名前        |罪状                                    |謝罪|罪    |
|------------|----------------------------------------|----|------|
|銀髪ちゃん  |廊下で接触。肩ぶつかる。                |なし|★    |
|お菓子ちゃん|会合をサボる。**累計裏切り回数50回達成**|あり|★★★|

…と書くと
  ↓

名前 罪状 謝罪 罪
銀髪ちゃん 廊下で接触。肩ぶつかる。 なし ★
お菓子ちゃん 会合をサボる。累計裏切り回数50回達成 あり ★★★

 ※左右両端の「|」および整形のための半角スペースは、省略可能

名前|罪状|謝罪|罪
-|--|-|-
銀髪ちゃん|廊下で接触。肩ぶつかる。|なし|★
お菓子ちゃん|会合をサボる。**累計裏切り回数50回達成**|あり|★★★

…と書くと
  ↓

名前 罪状 謝罪 罪
銀髪ちゃん 廊下で接触。肩ぶつかる。 なし ★
お菓子ちゃん 会合をサボる。累計裏切り回数50回達成 あり ★★★

 ※2行目の区切り行で、区切りの「-」の両端にコロン記号「:」を付けると、その列は中央寄せになる
 ※2行目の区切り行で、区切りの「-」の右端にコロン記号「:」を付けると、その列は右寄せになる

|名前        |罪状                                    |謝罪|罪    |
|:----------:|----------------------------------------|----|-----:|
|銀髪ちゃん  |廊下で接触。肩ぶつかる。                |なし|★    |
|お菓子ちゃん|会合をサボる。**累計裏切り回数50回達成**|あり|★★★|

…と書くと
  ↓

名前 罪状 謝罪 罪
銀髪ちゃん 廊下で接触。肩ぶつかる。 なし ★
お菓子ちゃん 会合をサボる。累計裏切り回数50回達成 あり ★★★

■引用記法

 はてな記法では「>>」だけの行と、「#引用箇所

なお、引用文の中ではMarkdown記法も使える。

  • リスト記法も書ける
  • 見出し記法も書ける
  • 表組み記法もかける

    入れ子引用

    「>」を重ねることで引用内でさらに引用を記述することも可能 …と書くと
      ↓

    引用箇所

    なお、引用文の中ではMarkdown記法も使える。

    • リスト記法も書ける
    • 見出し記法も書ける
    • 表組み記法もかける

      入れ子引用

      「>」を重ねることで引用内でさらに引用を記述することも可能

 ※段落の1行目にさえ鉤括弧「>」を書いておけば、その段落全体が引用になる。 (スゲぇ楽チン!!)

>1段落目の1行目。この改行は無視される→
文末に半角スペース×2あり→  
この行は、2行目として表示される

2段落目

…と書くと
  ↓

1段落目の1行目。この改行は無視される→ 文末に半角スペース×2あり→
この行は、2行目として表示される

2段落目


■pre記法

 はてな記法では「>|」だけの行と、「|#【9/26 追記】

 9/26、シンタックスハイライト機能が追加された。

  • Markdownモードにおいて、コードブロックのシンタックスハイライトに対応しました。
  • 「```perl」のように言語を指定できます。
  • 記法については「GitHub Flavored Markdown - Introduction」の「Syntax highlighting」セクションをご覧ください。

  • ブログのアイコンを設定できるようにしました - はてなブログ開発ブログ [http://staff.hatenablog.com/entry/2012/09/26/182527:bookmark]

■code記法

 はてな記法には無いが、Markdown記法ではバック・クォート「`」で囲むことで、文章中にHTMLタグなどのソースコードの一部を表示することができる。
 ※表示するソースコード内にバック・クォートが含まれる場合は、2個以上のバック・クォートで囲めば、ソースコード内のバック・クォートも表示される

困った時の`<div>`頼みって、どうなのよ?…orz  
バック・クォートが表示されるよ!→`` `<div>` ``

…と書くと
  ↓

困った時の<div>頼みって、どうなのよ?…orz
バック・クォートが表示されるよ!→`<div>`

■はてな記法「自動リンク停止記法」の代用

 Markdown記法のcode記法は、はてな記法の自動リンク停止記法の代用として使える。自動リンク停止記法は、Markdownモードでも使えるので意味無いけど…。

id:mame-tanuki  
`id:mame-tanuki`

…と書くと
  ↓

id:mame-tanuki
id:mame-tanuki


■強調記法 

 はてな記法には無いが、Markdown記法ではアスタリスク「*」やアンダースコア「_」を…

  • 文字の前後に1つ付けて挟むと、``タグで囲まれる→斜体で表示される
  • 文字の前後に2つ付けて挟むと、``タグで囲まれる→太字で表示される

    斜体で表示されるよ!
    斜体で表示されるよ!
    太字で表示されるよ!
    太字で表示されるよ!
    太字の斜体で表示されるよ!
    太字の斜体で表示されるよ!
    …と書くと
      ↓

    斜体で表示されるよ!
    斜体で表示されるよ!
    太字で表示されるよ!
    太字で表示されるよ!
    太字の斜体で表示されるよ!
    太字の斜体で表示されるよ!


■水平罫線記法

 はてな記法には無いが、Markdown記法では3つ以上のハイフン「-」やアスタリスク「*」、アンダースコア「_」だけで構成される行によって水平罫線``を表示できる。記号の間に半角スペースを混ぜることも可能。

---
**********************
________
 -    -   -   -    
*         *            *              *              *
_      _     _

…と書くと
  ↓








■リンク記法

 Markdown記法でのリンク表現は2つある。文中埋め込みリンク記法(Inline)と定義参照リンク記法(Reference)だ。

■文中埋め込みリンク記法

 はてな記法では、「[URL:title=リンクする文字列]」という書式だったが、Markdown記法では、「[リンクする文字](URL)」という書式で、文章中にリンクを埋め込むことができる。さらに「[リンクする文字](URL "リンクのツールチップ文字列")」という書式も可能。

毎朝、[はてなのトップページ](http://www.hatena.ne.jp/)にアクセスしてますか?  
毎朝、[はてなのトップページ](http://www.hatena.ne.jp/ "トップページを、どうぞご利用ください")にアクセスしてますか?

…と書くと
  ↓

毎朝、はてなのトップページにアクセスしてますか?
毎朝、はてなのトップページにアクセスしてますか?


■定義参照リンク記法

 Markdown記法には、文章中のリンクの参照先を文末等の別の場所で定義する記法もある。文章中にあると邪魔な非常に長いURLへのリンクなどは参照先のURLを文章の外で定義することで、素のテキストの状態でも読み易くすることができる。(いいね!)

 文章中に埋め込むリンクは、「[リンクする文字列][ID]」の書式で、リンクの定義は文章の任意の箇所で「[ID]: URL」という書式で指定する。さらにリンクの定義は「[ID]: URL "リンクのツールチップ文字列"」という書式も可能。
 ※IDは全角でもOK。 英字のIDの場合、大文字小文字の別をしないので注意。

- [わたしのブログ][1]
- [はてなのトップページ][htop]
- [クソ長いURL][長URL]。本文中に超ぉ長いURLとか書いちゃうと、記事を書いている最中とか文章が見辛くなってウザいよね!

記事の本文。  
記事の本文。  
記事の本文。  

↓本文中にあると邪魔なので記事の下の方でまとめてリンクを定義するよ!  
[1]: http://mametanuki.hateblo.jp/
[HTop]: http://www.hatena.ne.jp/
[長URL]: http://ja.wikipedia.org/wiki/%E3%81%AF%E3%81%A6%E3%81%AA%E3%81%AE%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E4%B8%80%E8%A6%A7 "はてなのサービス一覧 - Wikipedia"

…と書くと
  ↓

  • わたしのブログ
  • はてなのトップページ
  • クソ長いURL。本文中に超ぉ長いURLとか書いちゃうと、記事を書いている最中とか文章が見辛くなってウザいよね!

記事の本文。
記事の本文。
記事の本文。

↓本文中にあると邪魔なので記事の下の方でまとめてリンクを定義するよ!

※リンク定義を引用ブロックに入れてしまうと、定義参照リンク記法が無効化されるので注意。


【参考にした記事】

  • blog::2310 ≫ Markdown文法の全訳 [http://blog.2310.net/archives/6:bookmark]
  • [http://ruby.morphball.net/bluefeather/doc/format-extension.html:title=Markdown記法の拡張 - BlueFeather マニュアル:bookmark]
  • [http://blog.serverkurabe.com/hatena-markdown-difference:title=Markdown記法とはてな記法を比べてみた | Sabakura Blog:bookmark]

【関連するMy記事】

  • はてなブログMarkdownモードでの「はてなブックマーク貼り付け機能」に、整形済みテキストブロック化する不具合 - そっと、はてなブログ [http://mametanuki.hateblo.jp/entry/2012/09/24/No_two_two_four:bookmark]

【関連リンク】

  • [http://naoya.hatenablog.com/entry/2012/09/19/160430:title=markdown - naoyaの寿司ブログ:bookmark]
  • はてなブログが Markdown 記法に対応したと聞いてっ - TMD45'β'LOG!!! [http://blog.tmd45.in/entry/2012/09/19/183026:bookmark]

【関連ツイート】

[https://twitter.com/gothedistance/status/248314449944014848:embed#はてなブログって元々はエンジニアとか関係ないユーザーに対する障壁を下げるためにシンプルで直感的なブログを作ろう的な話から始まったっぽいのに、突然のMarkDown記法を作ったというアナウンスがでるあたりがまぶしすぎる。何処に行きたいんだ、この会社。]

  ------

「Markdownモード」をウィキ内検索
LINE
シェア
Tweet

[Amazon商品]


そっとプロジェクト@Wiki
記事メニュー


メニュー

  • トップページ
  • このサイトについて
  • 管理人へ連絡


特集記事

  • ストライクウィッチーズ特集
  • iPhone特集


アニメ

  • 東のエデン
  • イヴの時間
  • サマーウォーズ
  • 閃光のナイトレイド
  • ストライクウィッチーズ
  • 星を追う子ども

映画

ドラマ

  • SPEC

漫画

読書

  • 戦争を読む
  • 2010年夏の課題図書
  • 2009年秋の課題図書


ハードウェア

  • 使用マシン
  • 使用周辺機器

モバイル

  • iPhone
  • WindowsMobile
  • ウィルコム
  • 紙

ソフトウェア

  • 常用ツール
    • Opera
    • Chrome
  • スクリプト
    • JavaScript
    • 日本語プログラム言語「なでしこ」


ネットサービス

+ はてな
  • ダイアリー
  • ブックマーク
    • ブックマークレット
  • @wiki
  • google
  • twitter
  • 2ch
  • Read it Later
  • mixi2

ウェブ論


歴史

美術


政治

  • 政治/みんなの党

中国

  • ニュースチェック


  • プラグイン一覧
  • 編集ガイド
  • 未作成のページ


+ テンプレ
  • トップページ用
  • 個別ページ用
  • 頻用プラグイン

訪問者数合計 - 人
今日の訪問者数 - 人
昨日の訪問者数 - 人

ここを編集
記事メニュー2

更新履歴

取得中です。

出撃!魔女飛行隊: WW2ソ連軍女性パイロットたちの群像
サーニャのモデル、リディア・リトヴァクたち「魔女飛行隊」の実録がついに復刊!
→【特集ページ】


イヴの時間 act06:MASAKI [DVD]

ここを編集
人気記事ランキング
  1. 読書/特集/出撃!魔女飛行隊
  2. 読書/昭和史を動かしたアメリカ情報機関
もっと見る
最近更新されたページ
  • 214日前

    ネットサービス/はてな/ブックマーク
  • 220日前

    Markdownモード
  • 220日前

    メニュー
  • 220日前

    ソフトウェア/スクリプト
  • 4287日前

    読書/日米秘密情報機関 「影の軍隊」ムサシ機関長の告白
  • 4379日前

    トップページ
  • 4663日前

    読書/謀略の昭和裏面史
  • 4692日前

    読書/私とは何か―「個人」から「分人」へ
  • 4716日前

    読書/玉砕の軍隊、生還の軍隊
  • 4724日前

    読書/トレイシー
もっと見る
人気記事ランキング
  1. 読書/特集/出撃!魔女飛行隊
  2. 読書/昭和史を動かしたアメリカ情報機関
もっと見る
最近更新されたページ
  • 214日前

    ネットサービス/はてな/ブックマーク
  • 220日前

    Markdownモード
  • 220日前

    メニュー
  • 220日前

    ソフトウェア/スクリプト
  • 4287日前

    読書/日米秘密情報機関 「影の軍隊」ムサシ機関長の告白
  • 4379日前

    トップページ
  • 4663日前

    読書/謀略の昭和裏面史
  • 4692日前

    読書/私とは何か―「個人」から「分人」へ
  • 4716日前

    読書/玉砕の軍隊、生還の軍隊
  • 4724日前

    読書/トレイシー
もっと見る
ウィキ募集バナー
新規Wikiランキング

最近作成されたWikiのアクセスランキングです。見るだけでなく加筆してみよう!

  1. 機動戦士ガンダム EXTREME VS.2 INFINITEBOOST wiki
  2. MadTown GTA (Beta) まとめウィキ
  3. R.E.P.O. 日本語解説Wiki
  4. シュガードール情報まとめウィキ
  5. ソードランページ @ 非公式wiki
  6. AviUtl2のWiki
  7. Dark War Survival攻略
  8. シミュグラ2Wiki(Simulation Of Grand2)GTARP
  9. ありふれた職業で世界最強 リベリオンソウル @ ウィキ
  10. 星飼いの詩@ ウィキ
もっと見る
人気Wikiランキング

atwikiでよく見られているWikiのランキングです。新しい情報を発見してみよう!

  1. アニヲタWiki(仮)
  2. ストグラ まとめ @ウィキ
  3. ゲームカタログ@Wiki ~名作からクソゲーまで~
  4. 初音ミク Wiki
  5. 発車メロディーwiki
  6. 検索してはいけない言葉 @ ウィキ
  7. モンスター烈伝オレカバトル2@wiki
  8. 機動戦士ガンダム EXTREME VS.2 OVERBOOST wiki
  9. 機動戦士ガンダム バトルオペレーション2攻略Wiki 3rd Season
  10. Grand Theft Auto V(グランドセフトオート5)GTA5 & GTAオンライン 情報・攻略wiki
もっと見る
全体ページランキング

最近アクセスの多かったページランキングです。話題のページを見に行こう!

  1. 参加者一覧 - ストグラ まとめ @ウィキ
  2. Trickster - ストグラ まとめ @ウィキ
  3. 暦家 - ストグラ まとめ @ウィキ
  4. 魔獣トゲイラ - バトルロイヤルR+α ファンフィクション(二次創作など)総合wiki
  5. hantasma - ストグラ まとめ @ウィキ
  6. ギャング - ストグラ まとめ @ウィキ
  7. スーパーマン(2025年の映画) - アニヲタWiki(仮)
  8. RqteL - ストグラ まとめ @ウィキ
  9. 機体一覧 - 機動戦士ガンダム EXTREME VS.2 INFINITEBOOST wiki
  10. 過去の行動&発言まとめ - 鹿乃つの氏 周辺注意喚起@ウィキ
もっと見る

  • このWikiのTOPへ
  • 全ページ一覧
  • アットウィキTOP
  • 利用規約
  • プライバシーポリシー

2019 AtWiki, Inc.