LoginSignup
1
2

More than 1 year has passed since last update.

Qiitaをはじめてみたが使い方がわからないので、、

Last updated at Posted at 2022-08-19

「さあQiitaデビューだぁぁ!!!!ぁぁ。。ん・・?」

(これ、、、どどどどうやって書くんや。。?)
.
.
.
.
.
となったので、まずは基本的な書き方を練習してみようと思います。

※参考記事:
Qiita Markdown 書き方 まとめ
Qiita マークダウン記法 一覧表・チートシート

見出しの書き方

→冒頭に「#」をつけるだけ。
 #の後ろに半角スペースが必要っぽい

文字の編集

<太字>
対象のテキストを**でくくる

**テキスト**

例:地球のみんなぁ!ただいまぁぁ!!!

<文字色>
対象のテキストを以下のように括る(色はRedとか)

<font color="色">テキスト</font>

例:笑って怒って大変だぁ!

コードの挿入

挿入したいコードを「```」(バッククオート×3)でくくる。
※MACであれば「shiftキー」+「@」で入力

<練習>

@media only screen and (max-width:600px){
  .description img{
    float: none;
    display: block;
    margin: 0 auto;
  }
}

ちなみにテキストの一部分を強調することもできるとか
やりかたは冒頭の「```」の後ろに言語名(cssとかphpとか)をつけるだけ

<練習>
試しにCSSでやってみました

  @media only screen and (max-width:600px){
  .description img{
    float: none;
    display: block;
    margin: 0 auto;
  }
}

タグがピンク、属性が緑、数値は紫、、みたいな感じですかね。

また、冒頭の「```」+「ファイル名」にすることでファイル名も挿入できるようです。

stylesheet.css
  @media only screen and (max-width:600px){
  .description img{
    float: none;
    display: block;
    margin: 0 auto;
  }
}

リンクの挿入、画像埋め込み

リンクは、[リンクテキスト]+(URL)にすることで挿入できるようです。
冒頭に記載した本記事の「参考記事」で練習してみました。

参考記事:Qiita Markdown 書き方 まとめ

また、画像の挿入は![代替テキスト]+(画像URL)とするようです。

にょぽむ

引用

テキストの冒頭に>をつけます。

> テキスト
>> テキスト

例:

完ッ全にときめいちゃった!

もう!夢中だYO!!

1
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2