テスト投稿02

改行

改行

改行

ここに画像

ほおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

これは引用(blockquote)

「か、課長！海岸沿いにアスベストの廃墟を発見しました！」「何？！」「どうしましょうか！」「よし、ハンドクラッシャー装着！」「ダメです！全く歯が立ちません！！」「では止むを得ん！エアーマン出動だ！」

「「エアーマン、出動！！」」

引用ここまで

たぬき3

ul li タグのテスト

• SNR-227
• SNR-227R
• SNR-227D
• SNR-228
• ライサンダー1
• SNR-229
• SNR-229R
• SNR-230

1. SNR-230D
1. SNR-230改
1. SNR-X
2. ファイブスターSR
1. ファイブスターSR-B
2. ライサンダー2
3. ライサンダーF
4. ハーキュリー

たぬき0

ここから「続きを読む」

これは改行の多い引用(blockquote)

「奴のせいでいくつもの街が灰になっている…なんとかここで喰い止めねば」



「敵は壊滅寸前、圧倒的戦果です」



「なんてことだ……」



「これが人類最強の戦士、最終形態だというのか…！」



EEEEEEEEEEEEEEDDDDDDDDDDDFFFFFFFFFFFFF 

引用ここまで


たぬき1
メッセージボックスのテストをします

種類は絞りたいけど

ちなみにこれも引用 斜体になるぜ

blockquoteタグ

情報ボックス1 ワンポイントアドバイス

messageBox infoBoxクラス

情報ボックス2 警告

messageBox cautionBoxクラス

情報ボックス6 ダウンロードリンクを貼る

messageBox downloadBoxクラス

情報ボックス4 フォビドゥン

messageBox errorBoxクラス

情報ボックス5

messageBox noteBoxクラス

情報ボックス0

messageBoxクラスだけ

た

ぬ

き … 3行の情報ボックス

1行の情報ボックス

たぬき2

これはこの情報ボックスのCSSをPrismでシンタックスハイライトしたものです

blockquote,.messageBox {
    position: relative;
    padding: 10px 12px;
    box-sizing: border-box;
    font-style: italic;
    border-left: solid 40px #c4c4c4;
    background: #f3f3f3;
      margin-block-start: 1em;
      margin-block-end: 1em;
    margin-inline-start: 4.5%;
    margin-inline-end: 4.5%;
      border-radius: 5px;
}
blockquote:before,.messageBox:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -31px;
    transform: translateY(-50%);
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #FFF;
      font-style: normal;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}
.messageBox {
    font-style: normal;
}
.messageBox:before{
      content: "\f818";
}

たぬき4 prismのコマンドラインプラグイン

sudo apt install git python3-smbus edid-decode

sudo apt install git python3-smbus edid-decode

たぬき5

見出し1

messageBox infoBoxクラス

ハイパーリンクその1

@

TTTJJJ@@TTD 小見出しその1

messageBox infoBoxクラス

小見出しの中身1

ノノノ

TTTJJJ@@TTD 小見出しその2

小見出しの中身2

ジュンコ

無駄なdivタグのテスト

見出し2

ハイパーリンクその2

無駄なdivタグはここまでです

ここから無駄なdivタグはない