Markdown Preview

このブログで使用しているMarkdownのCSSとModuleのプレビューページです。

ソースコードはコチラから確認できます。

エンジョイ勢なので是非Contributeしてください😎

ヘッダー (Header)

H1 ~ H3までにstyleを当てています。(H4 以下は当てていません。)

H2には、参照しやすいようにHoverでクリップアイコンが表示されます。

クリップアイコンをクリックすると、リンクがコピーされます。

# H1

H1

## H2

H2

### H3

H3

コード

コードブロック (Code Block)

プログラミング言語がハイライト表示されます。

また、コードブロック右上をクリックするとコードがコピーされます。

js
let name = "test";

ファイル名が表示されます。

index.js
let name = "test";

ディレクトリ名が表示されます。

src/index.js
let name = "test";

何もprefixがない場合は、plaintextです。

let name = "test"

インラインコード (Code Inline)

`index.js`

で表示します。

index.js

テーブル表示 (Table)

NameAge
Taro18

引用表示 (Blockquote)

よろしくお願い致します。

リスト表示 (List)

  • A
  • B
  • C

番号付き表示

  1. A
  2. B
  3. C

リンク表示

通常

[Text](Link)で埋め込みます。

Nishimura Club ⚡️

そのままテキストで埋め込むと、下記のように表示されます。

https://nishimura.club/

Giphy

iframeで埋め込みます。

via GIPHY

OGP

調査中

Youtube

iframeで埋め込む。

SoundCloud

調査中

Twitter Tweet

太字 (Bold) etc

Normal

Bold

斜線

italic

水平線 (Horizon)

---で表示します。


数式 (Math)

調査中

画像 (Image)

![画像の名前](画像パス)

Logo

MP3/MP4

調査中

HTML

HTMLをMarkdownファイルに書くと、そのまま表示されます。

html
<p style="color: red;">赤い文字</p>

赤い文字

使用したライブラリ

参考文献

準備中