Qiitaの記事編集方法

Qiitaで知見を記録しよう！と思い立ったはいいものの

####文字の大きさや<font color="Magenta">文字の色を変えたりする方法がわからない！</font>
ということで今回はQiitaの記事を編集するにあたっての便利コマンド集をまとめます。

---

この記事を書いている段階で気付きましたが、基本的なコマンドは編集画面の右上にある
![image.png](https://qiita-image-store.s3.amazonaws.com/0/147613/48dbdb53-db8c-52f7-6680-5dc25f6abbef.png)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/147613/71cdddb4-2fa1-0c30-4545-1e77f3464332.png)を押すことで参照できるみたいです。

そこで今回は、？には書いてないけどよく使いそうだな〜というコマンドをメモします。

---
##そもそも話
MarkdownやHTMLによって編集を行います。

- [Markdown Wiki](https://ja.wikipedia.org/wiki/Markdown)
    - 軽量マークアップ言語（手軽に入力→サーバー側でHTMLやらに変換してくれる）
- [HTML Wiki](https://ja.wikipedia.org/wiki/HyperText_Markup_Language)
    - マークアップ言語（視覚表現や文章構造などを記述するための形式言語）


---
###<font color="red">以下コマンドまとめ</font>


##入力内容をそのまま表示したいとき
半角スペースを4つ入れる
![image.png](https://qiita-image-store.s3.amazonaws.com/0/147613/b6879388-1b3e-daa7-e2a3-801e53851834.png)

    
    class Hoge
        def hoge
            print 'hoge'
        end
    
##ラインを入れたい時

    ---
    ***
    ___
    *    *    *
---
---
---

##リンク
    <http://qiita.com>
    [Google先生](https://www.google.co.jp/)
<http://qiita.com>
[Google先生](https://www.google.co.jp/)


#見出し#

    # H1タグ
    ## H2タグ
    ###### H6タグ
####ちなみにH4だとこのぐらいのサイズ

##文字の色を変える
    HTMLで書きます  
    <font color="Red">Red</font> 
    <font color="Magenta">Magenta</font>
    <font color="DeepSkyBlue">DeepSkyBlue</font>
    <font color="DarkGray">DarkGray</font>

<font color="Red">Red</font> 
<font color="Magenta">Magenta</font>
<font color="DeepSkyBlue">DeepSkyBlue</font>
<font color="DarkGray">DarkGray</font>

#強調#
    _イタリック体_
    __太字__

_イタリック体_
__太字__


#打ち消し#
    ~~打ち消し~~
~~打ち消し~~


##箇条書き
    - リスト1
    □□□□- ネスト リスト1_1
        □□□□- ネスト リスト1_1_1
        □□□□- ネスト リスト1_1_2
    □□□□- ネスト リスト1_2
    - リスト2
    - リスト3
- リスト1
    - ネスト リスト1_1
        - ネスト リスト1_1_1
        - ネスト リスト1_1_2
    - ネスト リスト1_2
- リスト2
- リスト3

##番号付きリスト

    1. 番号付きリスト1
        1. 番号付きリスト1_1
        1. 番号付きリスト1_2
    1. 番号付きリスト2
    1. 番号付きリスト3

1. 番号付きリスト1
    1. 番号付きリスト1_1
    1. 番号付きリスト1_2
1. 番号付きリスト2
1. 番号付きリスト3

##引用
    > お世話になります。xxxです。
    > 
    > よろしくお願いいたします。

> お世話になります。xxxです。
> 
> よろしくお願いいたします。



#折りたたみ▷#
    <details><summary>追加情報</summary>追加情報の内容</details>

<details><summary>追加情報</summary>追加情報の内容</details>

#リスト#
    <dl>
      <dt>やること</dt>
      <dd>掃除</dd>
      <dt>終わったこと</dt>
      <dd>買い物</dd>
    </dl>
<dl>
  <dt>やること</dt>
  <dd>掃除</dd>
  <dt>終わったこと</dt>
  <dd>買い物</dd>
</dl>





#表
    コロンの位置で文字の位置を指定可能
    | Left align       |       Right align |    Center align    |
    |:-----------------|------------------:|:------------------:|
    | This             |              This |        This        |
    | column           |            column |       column       |
    | will             |              will |        will        |
    | be               |                be |         be         |
    | left             |             right |       center       |
    | aligned          |           aligned |      aligned       |
    | Left align       |       Right align |    Center align    |
| Left align | Right align | Center align |
|:-----------|------------:|:------------:|
| This       |        This |     This     |
| column     |      column |    column    |
| will       |        will |     will     |
| be         |          be |      be      |
| left       |       right |    center    |
| aligned    |     aligned |   aligned    |

#参考
[Markdown記法 サンプル集](https://qiita.com/tbpgr/items/989c6badefff69377da7#-%E7%95%AA%E5%8F%B7%E4%BB%98%E3%81%8D%E3%83%AA%E3%82%B9%E3%83%88)