#コードの挿入
``` で囲む
※コードブロック上下に空行を挿入
例)rubyで記述したコードをファイル名「qiita.rb」として投稿
(空行)
ruby:qiita.rb
puts 'hello world' これを``` で囲む
(空行)
結果
puts 'hello world'
バックオートを用いるとシンタックスハイライトが適用され、青字になる
#強調・強勢
_か※で囲むとイタリック体
__か**で囲むと太字
#打ち消し線
~~で囲むと一重取り消し線
#折りたたみ
<details>で囲むと追加したい情報、<summary>で囲むと、要約として表示したい文章になる
例)<details><summary>要約として表示したい文章</summary>追加したい情報</details>
2chとは
2chとはインターネット掲示板である
〇〇年、ひろゆき氏によって設立された日本最大級のインターネット掲示板である。#補足説明
:::note infoと :::で囲む
※ :::note infoと :::はそれぞれ別の行にする必要がある。infoは省略可能
:::noteの後
infoはインフォメーション
warnは警告
alertはより強い警告
#リスト
###Disc型
・
・
文頭に「※」「+」「ー」のいずれかを入れる。
※リストを挿入する際はリストの上下に空行が必要
また、「※」「+」「ー」の後には、スペースが必要
###Decimal型
1.
2.
文頭に「数字.」を入れる
※はDisc型と一緒。
###Definition型
HTMLのblタグをそのまま使う
<bl>
<dt>トマト</dt>
<dd>赤い野菜</dd>
<dt>ピーマン</dt>
<dd>緑色の野菜</dd>
</bl>
結果
Checkbox型
-[ ] タスク1
-[x] タスク2
※リストの前後にスペースが必要
結果
- タスク1
- タスク2
#Blockquotes-引用
文頭に>をおくと引用になる
引用
#水平線
***は水平線の表示になる
#リンク
[リンクテキスト](URL"タイトル")
または
[リンクテキスト](URL)タイトルなしのリンク
#画像埋め込み
![代替テキスト](画像のURL)
![代替テキスト](画像のURL "画像タイトル")
#テーブル記法
3x2と入力すると「テーブルを挿入」と表示されるのでクリック
結果
1 | 2 | 3 |
---|---|---|
#リンクカード
URLをリンクカードとして表示します。URLの前後に改行が必要です
URLを入力
(例)
#コンテンツの埋め込み
おすすめのyoutuberのTwitterとyoutubeを埋め込む
###TwitterはURLで入力。リンクカードと同様
###youtubeの埋め込み
<iframe width="800" height="534" src="https://www.youtube.com/embed/XUa32p9fbTU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
このような埋め込みコードはyoutubeの再生画面上で右クリックをして
<>埋め込みコードをコピーをすると得ることができる