Munus

background

このブログでのMarkdown記法の一覧

目次

見出し#

見出し
## レベル1
### レベル2
#### レベル3

リスト#

ネストも可能。

リスト
- ul-1
- ul-2
  - ul-2-1
  - ul-2-2
  • ul-1
  • ul-2
    • ul-2-1
    • ul-2-2

番号付きリスト#

番号付きリスト
1. ol-1
2. ol-2
  1. ol-1
  2. ol-2

インラインスタイル#

強調#

強調
これは**強調表現**になります。

これは強調表現になります。

取り消し線#

取り消し線
これは~~取り消し線~~になります。
 
<! -- or -->
これは~取り消し線~になります。
 

これは取り消し線になります。

斜体#

斜体
これは*斜体*になります。

これは斜体になります。

脚注#

脚注
これは脚注です[^1]。
 
[^1]: これは脚注の内容です。

これは脚注です1

区切り線#

区切り線
---

リンク#

URL 直書き#

URL 直書きでリンクカードになります。

URL直書き
https://hypb.dev
нуль
Web技術を知る・試す・楽しむためのテックブログ
нуль favicon
hypb.dev
нуль

インラインリンク#

インラインリンク
私については[こちら](https://munus.dev/about)

私についてはこちら

画像#

画像は assets/images/blog/[year]/[month]に入れる。

画像
!['ダミー画像'](../../../../assets/images/blog/dummy.webp "ダミー画像")

'ダミー画像'
ダミー画像

表組み#

表組み
| 指定なし | 左揃え | 右揃え | 中央揃え |
| -------- | :----- | -----: | :------: |
| a        | b      |      c |    d     |
指定なし左揃え右揃え中央揃え
abcd

コード#

インラインコード#

インラインコード
`inline code`はこう書きます。

inline codeはこう書きます。

コードブロック#

コードブロック
console.log("Title example");
Highlightingコードブロック
function hoge() {
  console.log("Title example");
}

引用#

ブロック引用

コールアウト#

remark-calloutを使用してます。
コールアウトを使うときは以下のように記述します。

コールアウト
> [!note] Note
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

現状、以下のようなコールアウトを用意しています。

typedescriptioncolor
Note注釈default
Success成功green
Info情報violet
Exampleviolet
Faq質問amber
Warning注意red
Bugバグred
Note

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Success

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Info

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Faq

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Warning

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Bug

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

埋め込み#

Astro のコンポーネントを利用していくつかの Web サービスを埋め込むことができます。

Youtube#

Youtube
<Youtube videoId="9GkVhgIeGJQ" />

Spotify#

Spotify
// トラック
<Spotify trackId="3mcxHfLGMkv8PpGatFVkIm" />
 
// アルバム
<Spotify albumId="54DjkEN3wdCQgfCTZ9WjdB" />

SoundCloud#

SoundCloud
<SoundCloud query="367488743" />

Amazon リンク#

Amazon リンク
import AmazonLink from "@/components/markdown/AmazonLink.astro";
 
<AmazonLink
  imageId="41OSXObwCOL._SY425_"
  linkId="3XF1u6n"
  title="バウハウス (コンパクトミディ・シリーズ)"
  author="マグダレーナ・ドロステ"
/>

Twitter / X#

数式#

インライン数式#

インライン数式
$a^2 + b^2 = c^2$ はインライン数式です。

a2+b2=c2a^2 + b^2 = c^2 はインライン数式です。

ブロック数式#

ブロック数式
$$
\forall \epsilon > 0, \exists \delta > 0 \text{ s.t. } |x - a| < \delta \Rightarrow |f(x) - b| < \epsilon
$$
ϵ>0,δ>0 s.t. xa<δf(x)b<ϵ\forall \epsilon > 0, \exists \delta > 0 \text{ s.t. } |x - a| < \delta \Rightarrow |f(x) - b| < \epsilon

Footnotes#

  1. これは脚注の内容です。