よし!さっそく記事を書くぞ???おいおい「Markdown記法」とはなんぞや・・・
今後記事を書くときに困りそうなので備忘録としてMarkdown記法をまとめました。
(自分のコピペ様に作っただけ?うっ・・心の声が・・・)
見出し
↑の様に見出しを作ります。#の後ろは半角スペースが必要です。# {文字列}です。
見出し
# 見出し1
## 見出し2
### 見出し1
コード関連
コードに関する記述です。多分一番よく使いそう。
コードブロック
コードブロックはソースコードを記述するとき最適です。
Tabを2個挿入しても作成できます。
コードブロック
//サンプル//
```<使用言語>:<コードブロック>
↑の ` を3つ並べるとブロックが作成できる(始点と終点に)。
言語にはjavaやhtmlなど言語を挿入
`グレイヴ・アクセント`と呼ぶらしい。
<使用言語>に任意の言語を入力すると自動的に色が変わる。
Tabボタン二個入れても使える。
```
コードスパン
コードスパン
`test'コードスパン'`の結果です。`'色が付きます。'` ``バッククオート``と呼ぶらしいです。
test'コードスパン'
の結果です。'色が付きます。'
バッククオート
と呼ぶらしいです。
展開
展開
<details><summary>展開</summary>
<改行>
```rb
折りたたみ(`は左詰め)
```
</details>
展開
折りたたみ
フォント関連
強調・強勢
強調・強勢
_test_ _前後_ に半角スペースを入れます。
*細字* になります。*前後* に半角スペースを入れます。
**太字** になります。 **前後** に半角スペースを入れます。
test 前後 に半角スペースを入れます。
細字 になります。前後 に半角スペースを入れます。
太字 になります。 前後 に半角スペースを入れます。
打ち消し線
リスト
~~打ち消し線~~
打ち消し線
リスト
リスト
<dl>
<dt>リストA</dt>
<dd>リストB</dd>
<dt>リストC</dt>
<dd>リストC</dd>
</dl>
- リストA
- リストB
- リストC
- リストC
引用
> 引用
> **引用**
> > 引用
> 引用
引用
引用引用
引用
リンク
埋め込み
リンク
[テキスト](URL "https://qiita.com/")
[テキスト]("https://qiita.com/")
画像リンク
## タイトルあり
![代替テキスト](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3028739/profile-images/1670339692 "画像タイトル")
## タイトル無しの
![代替テキスト](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3028739/profile-images/1670339692)
リンクカード
<改行>
https://qiita.com/donnma777
<改行>
テーブル
テーブル
テーブル
| 列1 | 列2 | 列3 |
|:-----------|------------:|:------------:|
| A | ABCD | ABCDE |
| B | BCDE | FGHIJ |
| C | FGHI | |
列1 | 列2 | 列3 |
---|---|---|
A | ABCD | ABCDE |
B | BCDE | FGHIJ |
C | FGHI |
テーブル(html)
テーブル(html)
<table>
<caption>要素名</caption>
<thead>
<tr>
<th>A</th> <th>B</th>
</tr>
</thead>
<tr>
<td> テーブル </td> <td>テーブル</td>
</tr>
<tr>
<td> テーブル </td> <td>テーブル</td>
</tr>
</table>
A | B |
---|---|
テーブル | テーブル |
テーブル | テーブル |
警告Box
:::note info
infoは省略可能しても大丈夫です
:::
:::note warn
警告
:::
:::note alert
より強い警告
:::
infoは省略可能しても大丈夫です
警告
警告
終わりに
また使用頻度の高いものがあれば記事を編集します。
とりあえずここまで。
ワードプレスに慣れているのでとても見づらく感じる・・・素直にhtml使いたい。うん。