Emanote でサポートされている拡張 MD のシンタックスについて

見出し

H1

H2

H3

H4

H5

文章

こんにちは。

あいうえお。

Links

<!-- 普通のリンク(相対パスやanchorも使用可) -->

[emanote 公式](https://emanote.srid.ca/)

<!-- Wiki-Links(相対パスやanchorにはまだ対応していない) -->

[[ファイル名(拡張子は不要)]]

[[ファイル名|リンクのタイトル]]

Emanote 公式

テストページ1

テストページ1へのリンクDESU

Wiki-Links のシンタックスの詳細はここ

ページ一覧クエリ

<!-- 一覧表示したいページのクエリを指定 -->

```query
path:emanote/*
```

詳細

脚注 (Footnotes)

脚注 ¹ のデモ.

ほげほげほげ ² ふがふがふが ¹ もげ

コードブロック

const a = "a text";
const b = 123;

console.log(`${a} ${b}`);

数式

MathJax

\(a^2 + b ^ 2 = c\) ← 右クリで MathJax のメニュー

Mermaid

```mermaid
stateDiagram
    direction LR
    [*] --> A
    A --> B
    B --> C
    state B {
      direction LR
      a --> b
    }
    B --> D
```

stateDiagram
    direction LR
    [*] --> A
    A --> B
    B --> C
    state B {
      direction LR
      a --> b
    }
    B --> D

Definition lists

Fruits

Apples

Oranges

Hash Tags

#tag名 で hash tag

#emanote #hoge

階層構造を持てる

#emanote/howto/syntax

styling

commonmark の attributes extension 形式での CSS クラス名指定に対応している

基本的に styling は tailwind で行う

自前のカスタムクラスは基本的に index.yaml で書く

またビルトインのデフォルトカスタムクラスがいくつか存在する

例

ビルトインのデフォルトカスタムクラスはこの辺

埋め込み

他のページ、あるいは画像や動画ファイルを埋め込みできる(画像や動画に関しては拡張子が必要)

対応している画像や動画の拡張子一覧はこの辺

![[ファイル名]]