👩💻
SPO Pages Markdown記法一覧
見出し
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
見出し1
見出し2
見出し3
見出し4
リスト
- Hello!
- Hola!
- Bonjour!
* Hi!
- Hello!
- Hola!
- Bonjour!
- Hi!
番号付きリスト
1. First
2. Second
- First
- Second
リンク
テキストリンク
[アンカーテキスト](リンクのURL)
リンクカード
https://zenn.dev/zenn/articles/markdown-guide
テーブル
| Head | Head | Head |
| ---- | ---- | ---- |
| Text | Text | Text |
| Text | Text | Text |
| Head | Head | Head |
|---|---|---|
| Text | Text | Text |
| Text | Text | Text |
コードブロック
- シンタックスハイライトにはRehype Pretty Codeを使用しています。
# 記述方法
```js
const Hello = () => {
console.log("Hello World !");
};
```
const Hello = () => {
console.log("Hello World !");
};
- ファイル名を表示したい場合は言語(例: js)の後に半角スペースを一つ開けてコロン(:) + ファイル名
# 記述方法
```js :./hello.js
const Hello = () => {
console.log("Hello World !");
};
```
./hello.js
const Hello = () => {
console.log("Hello World !");
};
ダイアグラム
- コードブロックの言語名を
mermaidとすることでダイアグラムを作成できます。 - 文法はmermaid.js 公式サイトをご確認ください。
```mermaid
sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
Alice-)John: See you later!
```
画像の挿入
GFM 記法
- GFM(GitHub Flavored Markdown)記法とは、 Github が採用している独自記法のことで README.md や Issue 等で主に使用されています。
SPO Pages で作成するブログは、GFM記法を一部サポートしています。 - 詳しくは、GitHub Flavored Markdown 記法をご参照ください。
タスクリスト(Tasklist)
* [ ] to do
* [x] done
- to do
- done
脚注（Footnotes）
- 脚注の説明文はページ下部にレンダリングされます。
内部リンクを通して脚注を往復できます。
Footnote 1 link[^first].
Footnote 2 link[^second].
[^first]: Footnote **can have markup** and multiple paragraphs.
[^second]: Footnote text.
Footnote 1 link[1].
Footnote 2 link[2].
引用(Blockquotes)
> Blockquotes can also be nested...
>> ...by using additional greater-than signs right next to each other...
>>> ...or with spaces between arrows.
Blockquotes can also be nested...
...by using additional greater-than signs right next to each other...
...or with spaces between arrows.
取り消し戦(Strikethrough)
Hello ~~Hey~~ World !
Hello Hey World !
Zenn 独自の記法
- SPO Pagesの markdown ブログでは、数ある Markdown記法の中から
- 詳しくは、zennの記法をご参照ください。
メッセージ
:::message
メッセージをここに
:::
:::message alert
警告メッセージをここに
:::
アコーディオントグル
:::details タイトル
表示したい内容
:::
タイトル
表示したい内容
要素をネストさせる(非対応)
外側の要素の開始/終了に : を追加します。
::::details 要素をネストさせる
:::message
ネストされた要素
:::
::::
要素をネストさせる
埋め込み
YouTube
https://www.youtube.com/watch?v=Ja9D0kpksxw&t=41s
Twitter(ツイート単体)
https://twitter.com/CIEL_Stake_Pool/status/1615618778192306178
Discussion