📝
Zennを使ってみた
前置き
自己紹介：学習の成果を残す為のブログ作成の練習ページです。[1]
記法
markdown形式＋Zenn独自の記法があります。
標準的な記法
#### 見出し4
### 見出し3
## 見出し2
# 見出し1
- リスト1
- リスト2
1.番号付きリスト1
2.番号付きリスト2
[リンク](https://zenn.dev/articles/5e9066d9e8d4ac/#リンクのURL)
*画像キャプション*
[](https://zenn.dev/articles/5e9066d9e8d4ac/#リンクのURL)
| テー | ブル | Head |
| ---- | ---- | ---- |
| Text | Text | Text |
| Text | Text | Text |
```diff python:ファイル名 ※ここから(diff表記不要の場合は```のみ、Zennでは言語をmermaidにするとmermaidのダイアグラム表示可)
コードブロック
+diff1
-diff2
``` ※ここまで
$$ 数式：
e^{i\theta} = \cos\theta + i\sin\theta
$$
$インライン数式：a\ne0$
>引用
^[脚注 ※ここに内容を書く]
---
<!-- コメント※１行のみ -->
Zenn独自の記法
:e :m :o :j :i : 絵文字（:の後に英数字で指定）
:::message alert
警告メッセージ（alertを外すと通常メッセージ）
:::
:::details アコーディオン（トグル）
折りたたんで表示したい内容
:::
::::details アコーディオン（トグル）でネスト
:::message
ネストされた要素（外側の要素に:を一つ付与する）
:::
::::
https://zenn.dev/articles/5e9066d9e8d4ac/#埋込リンクのURL
@[card](https://zenn.dev/articles/5e9066d9e8d4ac/#リンクカードのURL)
@[tweet](https://zenn.dev/articles/5e9066d9e8d4ac/#TweetリンクのURL?conversation=none)
@[tweet](https://zenn.dev/articles/5e9066d9e8d4ac/#TweetリンクのURL※リプライ元を除外?conversation=none)
https://github.com/octocat/Spoon-Knife/blob/main/README.md#L1-L3※github埋込リンク時の行指定(開始行のみも可)
@[gist](GistのページURL)
@[codepen](ページのURL)
@[slideshare](スライドのkey)
@[speakerdeck](スライドのID)
@[jsfiddle](ページのURL#ページのURL + /embedded/{Tabs}/{Visual}/ でオプション可)
@[codesandbox](embed用のURL)
@[stackblitz](embed用のURL)
@[figma](ファイルまたはプロトタイプのURL)
@[blueprintue](ページのURL)
```mermaid:言語をmermaidにするとmermaidのダイアグラム表示可
graph TB
A[Hard edge] -->|Link text| B(Round edge)
B --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two]
``` ※ここまで
結果
標準的な記法
見出し4
見出し3
見出し2
見出し1
- リスト1
- リスト2
1.番号付きリスト1
2.番号付きリスト2
画像キャプション
| テー | ブル | Head |
|---|---|---|
| Text | Text | Text |
| Text | Text | Text |
ファイル名
コードブロック
+diff1
-diff2
引用
Zenn独自の記法
:e Ⓜ️ ⭕ :j :i : 絵文字（:の後に英数字で指定
アコーディオン（トグル）
折りたたんで表示したい内容
アコーディオン（トグル）でネスト
ツイートページのURLを指定してください ツイートページのURLを指定してください
GitHub GistのページURLを指定してください CodePenのURLが不正です Slide Shareのkeyが不正です Speaker Deckのkeyが不正です jsfiddleのURLが不正です 「https://codesandbox.io/embed/」から始まる正しいURLを入力してください StackBlitzのembed用のURLを指定してください ファイルまたはプロトタイプのFigma URLを指定してください 「https://blueprintue.com/render/」から始まる正しいURLを指定してください
最後に
ひととおりの記法を列挙してみましたので、自分用のサンプルとして使います。
Discussion