zenn-markdown
Zenn特有のMarkdown記法リファレンスを提供する。articles/,books/配下のマークダウンを編集する際に参照する。trigger「:::message」「:::details」「メッセージボックス」「アコーディオン」「折りたたみ」「埋め込み」「数式」「KaTeX」「mermaid」「ダイアグラム」「画像キャプション」「画像幅指定」「diff表示」「ファイル名表示」
安装与使用
请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。
查看来源 ↗使用指南技能说明
Zenn独自のMarkdown記法リファレンス
ref: https://zenn.dev/zenn/articles/markdown-guide
メッセージボックス
:::message
通常のメッセージ(補足・注意書き)
:::
:::message alert
警告メッセージ
:::
アコーディオン(折りたたみ)
:::details タイトル
折りたたまれる内容
:::
ネスト時は外側の:を増やす:
::::details 外側タイトル
:::message
ネストされたメッセージ
:::
::::
コンテンツ埋め込み
URLを単独行に記述するだけで自動埋め込みされる。
| サービス | 記法例 |
|---|---|
| リンクカード | https://example.com |
| X(Twitter) | https://x.com/user/status/123 |
| YouTube | https://www.youtube.com/watch?v=VideoID |
| GitHub ファイル | https://github.com/user/repo/blob/main/file.js#L1-L3 |
| GitHub Gist | Gist URL |
| CodeSandbox | CodeSandbox URL |
| StackBlitz | StackBlitz URL |
| Figma | Figma URL |
| SlideShare | SlideShare URL |
| SpeakerDeck | SpeakerDeck URL |
| Docswell | Docswell URL |
| CodePen | CodePen URL |
| JSFiddle | JSFiddle URL |
数式(KaTeX)
ブロック数式:
$$
e^{i\theta} = \cos\theta + i\sin\theta
$$
インライン数式: $a \ne 0$
ダイアグラム(mermaid.js)
```mermaid
graph TB
A --> B
```
制限事項:
- クリックイベント無効
- 2000文字以内
- Chain数10以下
画像
幅指定:

キャプション(画像の直下に記述):

*キャプションテキスト*
コードブロックのdiff表示
```diff js
@@ @@
- const old = "before";
+ const new = "after";
```
コードブロックのファイル名表示
```js:ファイル名.js
const example = true;
```
使用示例
查看来源仓库中的使用示例与配置说明。
查看来源 ↗来源历史
- 收录时间
- 2026-03-11
- 索引更新时间
- 2026-03-11
- Branch
- main
收录与同步日期属于本站记录。源码修改历史请查看来源仓库。
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!