From 73794fd43a57fcd33ffb49a938cfa39116d47f7a Mon Sep 17 00:00:00 2001
From: 3w36zj6 <52315048+3w36zj6@users.noreply.github.com>
Date: Fri, 12 Jan 2024 20:41:00 +0900
Subject: [PATCH 01/13] =?UTF-8?q?feat:=20Helper=E3=81=AB=E3=83=91=E3=83=83?=
 =?UTF-8?q?=E3=82=B1=E3=83=BC=E3=82=B8=E3=83=9E=E3=83=8D=E3=83=BC=E3=82=B8?=
 =?UTF-8?q?=E3=83=A3=E3=83=BC=E3=82=92=E6=A4=9C=E5=87=BA=E3=81=99=E3=82=8B?=
 =?UTF-8?q?=E9=96=A2=E6=95=B0=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/server/__tests__/lib/helper.test.ts   | 63 +++++++++++++++++++
 packages/zenn-cli/src/server/lib/helper.ts    | 20 ++++++
 2 files changed, 83 insertions(+)

diff --git a/packages/zenn-cli/src/server/__tests__/lib/helper.test.ts b/packages/zenn-cli/src/server/__tests__/lib/helper.test.ts
index a1c2d72e..220a1775 100644
--- a/packages/zenn-cli/src/server/__tests__/lib/helper.test.ts
+++ b/packages/zenn-cli/src/server/__tests__/lib/helper.test.ts
@@ -2,6 +2,7 @@ import { vi, describe, test, expect, beforeEach, afterEach } from 'vitest';
 import path from 'path';
 import fs from 'fs-extra';
 import * as helper from '../../lib/helper';
+import { getWorkingPath } from '../../lib/helper';
 import * as Log from '../../lib/log';
 import { validateSlug } from '../../../common/helper';
 
@@ -187,3 +188,65 @@ describe('completeHtml() のテスト', () => {
     expect(html).toContain('表示できません');
   });
 });
+
+describe('detectPackageExecutor() のテスト', () => {
+  beforeEach(async () => {
+    if (fs.existsSync(getWorkingPath('package-lock.json'))) {
+      await fs.promises.unlink(getWorkingPath('package-lock.json'));
+    }
+    if (fs.existsSync(getWorkingPath('yarn.lock'))) {
+      await fs.promises.unlink(getWorkingPath('yarn.lock'));
+    }
+    if (fs.existsSync(getWorkingPath('pnpm-lock.yaml'))) {
+      await fs.promises.unlink(getWorkingPath('pnpm-lock.yaml'));
+    }
+    if (fs.existsSync(getWorkingPath('bun.lockb'))) {
+      await fs.promises.unlink(getWorkingPath('bun.lockb'));
+    }
+  });
+
+  test('package-lock.json が存在する場合は `npx` を返す', async () => {
+    const tempFilePath = getWorkingPath('package-lock.json');
+    await fs.promises.writeFile(tempFilePath, '');
+
+    const result = helper.detectPackageExecutor();
+    expect(result).toEqual('npx');
+
+    await fs.promises.unlink(tempFilePath);
+  });
+
+  test('yarn.lock が存在する場合は `yarn` を返す', async () => {
+    const tempFilePath = getWorkingPath('yarn.lock');
+    await fs.promises.writeFile(tempFilePath, '');
+
+    const result = helper.detectPackageExecutor();
+    expect(result).toEqual('yarn');
+
+    await fs.promises.unlink(tempFilePath);
+  });
+
+  test('pnpm-lock.yaml が存在する場合は `pnpm` を返す', async () => {
+    const tempFilePath = getWorkingPath('pnpm-lock.yaml');
+    await fs.promises.writeFile(tempFilePath, '');
+
+    const result = helper.detectPackageExecutor();
+    expect(result).toEqual('pnpm');
+
+    await fs.promises.unlink(tempFilePath);
+  });
+
+  test('bun.lockb が存在する場合は `bun` を返す', async () => {
+    const tempFilePath = getWorkingPath('bun.lockb');
+    await fs.promises.writeFile(tempFilePath, '');
+
+    const result = helper.detectPackageExecutor();
+    expect(result).toEqual('bun');
+
+    await fs.promises.unlink(tempFilePath);
+  });
+
+  test('どのファイルも存在しない場合は `npx` を返す', () => {
+    const result = helper.detectPackageExecutor();
+    expect(result).toEqual('npx');
+  });
+});
diff --git a/packages/zenn-cli/src/server/lib/helper.ts b/packages/zenn-cli/src/server/lib/helper.ts
index d62259d3..47dd78c9 100644
--- a/packages/zenn-cli/src/server/lib/helper.ts
+++ b/packages/zenn-cli/src/server/lib/helper.ts
@@ -252,3 +252,23 @@ export const resolveHostname = (
 
   return { name, host };
 };
+
+type PackageExecutorType = 'npx' | 'yarn' | 'pnpm' | 'bun';
+
+export const detectPackageExecutor = (): PackageExecutorType => {
+  const lockFileNames = [
+    ['npx', 'package-lock.json'],
+    ['yarn', 'yarn.lock'],
+    ['pnpm', 'pnpm-lock.yaml'],
+    ['bun', 'bun.lockb'],
+  ] as const;
+  let detectedPackageExecutor: PackageExecutorType = 'npx';
+  for (const [packageManager, lockFileName] of lockFileNames) {
+    const lockFilePath = getWorkingPath(`${lockFileName}`);
+    if (fs.existsSync(lockFilePath)) {
+      detectedPackageExecutor = packageManager;
+      break;
+    }
+  }
+  return detectedPackageExecutor;
+};

From ad639b708466b454d3aacdd131f4586ab4b290a2 Mon Sep 17 00:00:00 2001
From: 3w36zj6 <52315048+3w36zj6@users.noreply.github.com>
Date: Fri, 12 Jan 2024 20:45:45 +0900
Subject: [PATCH 02/13] =?UTF-8?q?feat:=20=E5=88=9D=E6=9C=9F=E5=8C=96?=
 =?UTF-8?q?=E6=99=82=E3=81=AE=E3=83=98=E3=83=AB=E3=83=97=E3=82=B3=E3=83=9E?=
 =?UTF-8?q?=E3=83=B3=E3=83=89=E8=A1=A8=E7=A4=BA=E3=81=AB=E3=83=91=E3=83=83?=
 =?UTF-8?q?=E3=82=B1=E3=83=BC=E3=82=B8=E3=83=9E=E3=83=8D=E3=83=BC=E3=82=B8?=
 =?UTF-8?q?=E3=83=A3=E3=83=BC=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/zenn-cli/src/server/commands/init.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/zenn-cli/src/server/commands/init.ts b/packages/zenn-cli/src/server/commands/init.ts
index 8fedb899..ca08d2db 100644
--- a/packages/zenn-cli/src/server/commands/init.ts
+++ b/packages/zenn-cli/src/server/commands/init.ts
@@ -1,6 +1,6 @@
 import { CliExecFn } from '../types';
 import * as Log from '../lib/log';
-import { getWorkingPath, generateFileIfNotExist } from '../lib/helper';
+import { detectPackageExecutor, getWorkingPath, generateFileIfNotExist } from '../lib/helper';
 import { initHelpText, invalidOptionText } from '../lib/messages';
 import arg from 'arg';
 
@@ -71,17 +71,18 @@ export const exec: CliExecFn = (argv) => {
     console.log(`Generating README.md skipped.`);
   }
 
+  const packageExecutor = detectPackageExecutor();
   console.log(`
   🎉  Done!
   早速コンテンツを作成しましょう
 
   👇  新しい記事を作成する
-  $ zenn new:article
+  $ ${packageExecutor} zenn new:article
 
   👇  新しい本を作成する
-  $ zenn new:book
+  $ ${packageExecutor} zenn new:book
 
   👇  投稿をプレビューする
-  $ zenn preview
+  $ ${packageExecutor} zenn preview
   `);
 };

From 570d294f17989ebf602203903550a8d24537f137 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Fri, 16 Feb 2024 02:05:45 +0000
Subject: [PATCH 03/13] v0.1.154-alpha.0

---
 lerna.json                                | 2 +-
 packages/zenn-cli/package.json            | 2 +-
 packages/zenn-content-css/package.json    | 2 +-
 packages/zenn-embed-elements/package.json | 2 +-
 packages/zenn-markdown-html/package.json  | 2 +-
 packages/zenn-model/package.json          | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/lerna.json b/lerna.json
index a1a8385f..26b9efaa 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,6 +2,6 @@
   "packages": [
     "packages/*"
   ],
-  "version": "0.1.153",
+  "version": "0.1.154-alpha.0",
   "npmClient": "pnpm"
 }
diff --git a/packages/zenn-cli/package.json b/packages/zenn-cli/package.json
index ebf32968..8ad03b94 100644
--- a/packages/zenn-cli/package.json
+++ b/packages/zenn-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-cli",
-  "version": "0.1.153",
+  "version": "0.1.154-alpha.0",
   "description": "Preview Zenn content locally.",
   "repository": {
     "type": "git",
diff --git a/packages/zenn-content-css/package.json b/packages/zenn-content-css/package.json
index e45472b8..bac52460 100644
--- a/packages/zenn-content-css/package.json
+++ b/packages/zenn-content-css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-content-css",
-  "version": "0.1.153",
+  "version": "0.1.154-alpha.0",
   "license": "MIT",
   "description": "Zenn flavor content style.",
   "repository": {
diff --git a/packages/zenn-embed-elements/package.json b/packages/zenn-embed-elements/package.json
index c40eda89..2f80469a 100644
--- a/packages/zenn-embed-elements/package.json
+++ b/packages/zenn-embed-elements/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-embed-elements",
-  "version": "0.1.153",
+  "version": "0.1.154-alpha.0",
   "license": "MIT",
   "description": "Web components for embedded contents.",
   "repository": {
diff --git a/packages/zenn-markdown-html/package.json b/packages/zenn-markdown-html/package.json
index 56219060..380fb391 100644
--- a/packages/zenn-markdown-html/package.json
+++ b/packages/zenn-markdown-html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-markdown-html",
-  "version": "0.1.153",
+  "version": "0.1.154-alpha.0",
   "license": "MIT",
   "description": "Convert markdown to zenn flavor html.",
   "main": "lib/index.js",
diff --git a/packages/zenn-model/package.json b/packages/zenn-model/package.json
index 38d5f73d..aad061ad 100644
--- a/packages/zenn-model/package.json
+++ b/packages/zenn-model/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-model",
-  "version": "0.1.153",
+  "version": "0.1.154-alpha.0",
   "license": "MIT",
   "description": "Model utils for Zenn contents",
   "main": "lib/index.js",

From a40f08648d7285fa2205d8b12dbefaff21453479 Mon Sep 17 00:00:00 2001
From: Takumi Muraishi <mrs1669.develop@gmail.com>
Date: Thu, 4 Apr 2024 20:12:11 +0900
Subject: [PATCH 04/13] fix typo Request

---
 .github/PULL_REQUEST_TEMPLATE.md | 2 +-
 docs/pull_request_policy.md      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index b8dff195..91ac99c3 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -14,6 +14,6 @@ Resolves #<issue-url>
 - [ ] 不要なコードが含まれていないか( コメントやログの消し忘れに注意 )
 - [ ] XSS になるようなコードが含まれていないか
 - [ ] モバイル端末での表示が考慮されているか
-- [ ] Pull Reuqest の内容は妥当か( 膨らみすぎてないか )
+- [ ] Pull Request の内容は妥当か( 膨らみすぎてないか )
 
 より詳しい内容は [Pull Request Policy](https://github.com/zenn-dev/zenn-editor/tree/canary/docs/pull_request_policy.md) を参照してください。
diff --git a/docs/pull_request_policy.md b/docs/pull_request_policy.md
index eb98141c..768261aa 100644
--- a/docs/pull_request_policy.md
+++ b/docs/pull_request_policy.md
@@ -49,6 +49,6 @@ Pull Request の修正内容にフロントエンドが関わる場合は、モ
 
 テストが正しく実装されているか確認してください。特に XSS が発生しそうな処理に対しては、必ずテストを書くようにしてください。
 
-## Pull Reuqest の内容は妥当か確認する
+## Pull Request の内容は妥当か確認する
 
 Pull Request の内容が正しく実装されている確認してください。関係が薄い修正が含まれている場合は、別の Pull Request に分けるなどして Pull Request が膨らみすぎないように注意してください。

From 4822cee9753e531ea235a4b57a1f8cf2ef11284b Mon Sep 17 00:00:00 2001
From: Takumi Muraishi <mrs1669.develop@gmail.com>
Date: Thu, 4 Apr 2024 20:22:03 +0900
Subject: [PATCH 05/13] fix typo License

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 922fe757..71cebc0f 100644
--- a/README.md
+++ b/README.md
@@ -87,6 +87,6 @@ export default function App(props) {
 
 https://zenn-dev.github.io/zenn-docs-for-developers/
 
-## Licence
+## License
 
 [MIT](LICENSE)

From 63809d0ad519aa881a379a23e3caf470e625065d Mon Sep 17 00:00:00 2001
From: Takumi Muraishi <mrs1669.develop@gmail.com>
Date: Thu, 4 Apr 2024 20:26:32 +0900
Subject: [PATCH 06/13] fix typo Grammar

---
 packages/zenn-markdown-html/src/utils/highlight.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/zenn-markdown-html/src/utils/highlight.ts b/packages/zenn-markdown-html/src/utils/highlight.ts
index 29f35195..150d4066 100644
--- a/packages/zenn-markdown-html/src/utils/highlight.ts
+++ b/packages/zenn-markdown-html/src/utils/highlight.ts
@@ -7,20 +7,20 @@ enableDiffHighlight();
 
 function highlightContent({
   text,
-  prismGrammer,
+  prismGrammar,
   langName,
   hasDiff,
 }: {
   text: string;
-  prismGrammer?: Grammar;
+  prismGrammar?: Grammar;
   langName?: string;
   hasDiff: boolean;
 }): string {
-  if (prismGrammer && langName) {
+  if (prismGrammar && langName) {
     if (hasDiff)
       return Prism.highlight(text, Prism.languages.diff, `diff-${langName}`);
 
-    return Prism.highlight(text, prismGrammer, langName);
+    return Prism.highlight(text, prismGrammar, langName);
   }
 
   if (hasDiff) return Prism.highlight(text, Prism.languages.diff, 'diff');
@@ -32,6 +32,6 @@ export function highlight(
   langName: string,
   hasDiff: boolean
 ): string {
-  const prismGrammer = Prism.languages[langName];
-  return highlightContent({ text, prismGrammer, langName, hasDiff });
+  const prismGrammar = Prism.languages[langName];
+  return highlightContent({ text, prismGrammar, langName, hasDiff });
 }

From e0d0abe0e2617d4b6d704405bf944496493d4ba6 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Fri, 5 Apr 2024 07:08:18 +0000
Subject: [PATCH 07/13] v0.1.154-alpha.1

---
 lerna.json                                | 2 +-
 packages/zenn-cli/package.json            | 2 +-
 packages/zenn-content-css/package.json    | 2 +-
 packages/zenn-embed-elements/package.json | 2 +-
 packages/zenn-markdown-html/package.json  | 2 +-
 packages/zenn-model/package.json          | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/lerna.json b/lerna.json
index 26b9efaa..3717bbe9 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,6 +2,6 @@
   "packages": [
     "packages/*"
   ],
-  "version": "0.1.154-alpha.0",
+  "version": "0.1.154-alpha.1",
   "npmClient": "pnpm"
 }
diff --git a/packages/zenn-cli/package.json b/packages/zenn-cli/package.json
index 8ad03b94..9576cf9a 100644
--- a/packages/zenn-cli/package.json
+++ b/packages/zenn-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-cli",
-  "version": "0.1.154-alpha.0",
+  "version": "0.1.154-alpha.1",
   "description": "Preview Zenn content locally.",
   "repository": {
     "type": "git",
diff --git a/packages/zenn-content-css/package.json b/packages/zenn-content-css/package.json
index bac52460..4863f97f 100644
--- a/packages/zenn-content-css/package.json
+++ b/packages/zenn-content-css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-content-css",
-  "version": "0.1.154-alpha.0",
+  "version": "0.1.154-alpha.1",
   "license": "MIT",
   "description": "Zenn flavor content style.",
   "repository": {
diff --git a/packages/zenn-embed-elements/package.json b/packages/zenn-embed-elements/package.json
index 2f80469a..b1a9aa0e 100644
--- a/packages/zenn-embed-elements/package.json
+++ b/packages/zenn-embed-elements/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-embed-elements",
-  "version": "0.1.154-alpha.0",
+  "version": "0.1.154-alpha.1",
   "license": "MIT",
   "description": "Web components for embedded contents.",
   "repository": {
diff --git a/packages/zenn-markdown-html/package.json b/packages/zenn-markdown-html/package.json
index 380fb391..2ba9c7a6 100644
--- a/packages/zenn-markdown-html/package.json
+++ b/packages/zenn-markdown-html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-markdown-html",
-  "version": "0.1.154-alpha.0",
+  "version": "0.1.154-alpha.1",
   "license": "MIT",
   "description": "Convert markdown to zenn flavor html.",
   "main": "lib/index.js",
diff --git a/packages/zenn-model/package.json b/packages/zenn-model/package.json
index aad061ad..2dfd0056 100644
--- a/packages/zenn-model/package.json
+++ b/packages/zenn-model/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-model",
-  "version": "0.1.154-alpha.0",
+  "version": "0.1.154-alpha.1",
   "license": "MIT",
   "description": "Model utils for Zenn contents",
   "main": "lib/index.js",

From dd543582e6b95b5b3a63e417e786f7fe42ba7456 Mon Sep 17 00:00:00 2001
From: Ryosuke Igarashi <igarashi.ryosuke@classmethod.jp>
Date: Tue, 4 Jun 2024 08:54:31 +0900
Subject: [PATCH 08/13] =?UTF-8?q?fix:=20articles=E3=81=AEexample=E3=82=92?=
 =?UTF-8?q?=E6=95=B4=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../articles/100-example-markdown-guide.md    | 596 ++++++++++++++++++
 ...{toc-check.md => 101-example-toc-check.md} |   4 +-
 ...xample-images.md => 200-example-images.md} |   4 +-
 ...ode-fence.md => 201-example-code-fence.md} |   4 +-
 ...nk-card.md => 300-example-embed-basics.md} |  34 +-
 .../articles/301-example-embed-github.md      |  38 ++
 .../zenn-cli/articles/302-example-embed-x.md  |  45 ++
 ...ermaid.md => 303-example-embed-mermaid.md} |   4 +-
 .../articles/304-example-embed-katex.md       | 267 ++++++++
 ...xamples.md => 305-example-embed-others.md} |  48 +-
 .../{xss.md => 800-example-xss-check.md}      |  11 +
 .../{empty.md => 900-example-empty.md}        |   2 +-
 ...ters.md => 901-example-no-frontmatters.md} |   0
 ...rkdown-file.js => 902-no-markdown-file.js} |   0
 packages/zenn-cli/articles/README.md          |   2 -
 packages/zenn-cli/articles/example-full.md    | 118 ----
 packages/zenn-cli/articles/example-tweets.md  |  35 -
 packages/zenn-cli/articles/exampleexample.md  | 304 ---------
 packages/zenn-cli/articles/math.md            | 114 ----
 .../zenn-cli/articles/zenn-embed-examples.md  | 103 ---
 20 files changed, 993 insertions(+), 740 deletions(-)
 create mode 100644 packages/zenn-cli/articles/100-example-markdown-guide.md
 rename packages/zenn-cli/articles/{toc-check.md => 101-example-toc-check.md} (97%)
 rename packages/zenn-cli/articles/{example-images.md => 200-example-images.md} (94%)
 rename packages/zenn-cli/articles/{code-fence.md => 201-example-code-fence.md} (98%)
 rename packages/zenn-cli/articles/{link-card.md => 300-example-embed-basics.md} (51%)
 create mode 100644 packages/zenn-cli/articles/301-example-embed-github.md
 create mode 100644 packages/zenn-cli/articles/302-example-embed-x.md
 rename packages/zenn-cli/articles/{mermaid.md => 303-example-embed-mermaid.md} (96%)
 create mode 100644 packages/zenn-cli/articles/304-example-embed-katex.md
 rename packages/zenn-cli/articles/{embed-examples.md => 305-example-embed-others.md} (56%)
 rename packages/zenn-cli/articles/{xss.md => 800-example-xss-check.md} (95%)
 rename packages/zenn-cli/articles/{empty.md => 900-example-empty.md} (73%)
 rename packages/zenn-cli/articles/{no-frontmatters.md => 901-example-no-frontmatters.md} (100%)
 rename packages/zenn-cli/articles/{no-markdown-file.js => 902-no-markdown-file.js} (100%)
 delete mode 100644 packages/zenn-cli/articles/README.md
 delete mode 100644 packages/zenn-cli/articles/example-full.md
 delete mode 100644 packages/zenn-cli/articles/example-tweets.md
 delete mode 100644 packages/zenn-cli/articles/exampleexample.md
 delete mode 100644 packages/zenn-cli/articles/math.md
 delete mode 100644 packages/zenn-cli/articles/zenn-embed-examples.md

diff --git a/packages/zenn-cli/articles/100-example-markdown-guide.md b/packages/zenn-cli/articles/100-example-markdown-guide.md
new file mode 100644
index 00000000..6236eaa5
--- /dev/null
+++ b/packages/zenn-cli/articles/100-example-markdown-guide.md
@@ -0,0 +1,596 @@
+---
+title: "ZennのMarkdown記法一覧"
+emoji: "👩‍💻"
+type: "idea" # tech: 技術記事 / idea: アイデア
+topics: ["zenn"]
+published: true
+---
+
+このページでは Zenn のmarkdown記法を一覧で紹介します。
+
+## 見出し
+
+```
+# 見出し1
+## 見出し2
+### 見出し3
+#### 見出し4
+```
+
+:::message
+アクセシビリティの観点から`見出し2`から始めることをおすすめします
+:::
+
+
+## リスト
+
+```
+- Hello!
+- Hola!
+  - Bonjour!
+  * Hi!
+```
+
+- Hello!
+- Hola!
+  - Bonjour!
+  * Hi!
+
+リストのアイテムには`*`もしくは`-`を使います。
+
+### 番号付きリスト
+
+```
+1. First
+2. Second
+```
+
+1. First
+2. Second
+
+## テキストリンク
+
+```
+[アンカーテキスト](リンクのURL)
+```
+
+[アンカーテキスト](https://zenn.dev)
+
+Markdownエディタでは、テキストを範囲選択した状態でURLをペーストすることで選択範囲がリンクになります。（[参照](https://info.zenn.dev/2024-02-08-editor-update)）
+
+## 画像
+
+```
+![](https://画像のURL)
+```
+
+![](https://storage.googleapis.com/zenn-user-upload/gxnwu3br83nsbqs873uibiy6fd43)
+
+### 画像の横幅を指定する
+
+画像の表示が大きすぎる場合は、URL の後に半角スペースを空けて`=○○x`と記述すると、画像の幅を px 単位で指定できます。
+
+```
+![](https://画像のURL =250x)
+```
+
+![](https://storage.googleapis.com/zenn-user-upload/gxnwu3br83nsbqs873uibiy6fd43 =250x)
+
+### Altテキストを指定する
+
+```
+![Altテキスト](https://画像のURL)
+```
+
+![Altテキスト](https://storage.googleapis.com/zenn-user-upload/gxnwu3br83nsbqs873uibiy6fd43 =250x)
+
+### キャプションをつける
+
+画像のすぐ下の行に`*`で挟んだテキストを配置すると、キャプションのような見た目で表示されます。
+
+```
+![](https://画像のURL)
+*キャプション*
+```
+
+![](https://storage.googleapis.com/zenn-user-upload/gxnwu3br83nsbqs873uibiy6fd43 =250x)
+*キャプション*
+
+### 画像にリンクを貼る
+
+以下のようにすることで画像に対してリンクを貼ることもできます。
+
+```
+[![](画像のURL)](リンクのURL)
+```
+
+## テーブル
+
+```
+| Head | Head | Head |
+| ---- | ---- | ---- |
+| Text | Text | Text |
+| Text | Text | Text |
+```
+
+| Head | Head | Head |
+| ---- | ---- | ---- |
+| Text | Text | Text |
+| Text | Text | Text |
+
+## コードブロック
+
+コードは「```」で挟むことでブロックとして挿入できます。以下のように言語を指定するとコードへ装飾（シンタックスハイライト）が適用されます。
+
+> \```js
+>
+> \```
+
+```js
+const great = () => {
+  console.log("Awesome");
+};
+```
+
+シンタックスハイライトには Prism.js を使用しています。
+[📄 対応言語の一覧 →](https://prismjs.com/#supported-languages)
+
+### ファイル名を表示する
+
+`言語:ファイル名`と`:`区切りで記載することで、ファイル名がコードブロックの上部に表示されるようになります。
+
+> \```js:ファイル名
+>
+> \```
+
+```js:fooBar.js
+const great = () => {
+  console.log("Awesome")
+}
+```
+
+### diff のシンタックスハイライト
+
+`diff`と言語のハイライトを同時に適用するには、以下のように`diff`と`言語名`を半角スペース区切りで指定します。
+
+> \```diff js
+>
+> \```
+
+```diff js
+@@ -4,6 +4,5 @@
++    const foo = bar.baz([1, 2, 3]) + 1;
+-    let foo = bar.baz([1, 2, 3]);
+```
+
+なお、`diff`の使用時には、先頭に`+`、`-`、`>`、`<`、`半角スペース`のいずれが入っていない行はハイライトされません。
+
+同時にファイル名を指定することも可能です。
+
+> \```diff js:ファイル名
+>
+> \```
+
+```diff js:fooBar.js
+@@ -4,6 +4,5 @@
++    const foo = bar.baz([1, 2, 3]) + 1;
+-    let foo = bar.baz([1, 2, 3]);
+```
+
+## 数式
+
+Zenn では**KaTeX**による数式表示に対応しています。
+KaTeXのバージョンは常に最新バージョンを使用します。
+
+[📄 KaTeXがサポートする記法の一覧 →](https://katex.org/docs/support_table.html)
+
+### 数式のブロックを挿入する
+
+`$$`で記述を挟むことで、数式のブロックが挿入されます。たとえば
+
+```
+$$
+e^{i\theta} = \cos\theta + i\sin\theta
+$$
+```
+
+は以下のように表示されます。
+
+$$
+e^{i\theta} = \cos\theta + i\sin\theta
+$$
+
+:::message
+`$$`の前後は空の行でないと正しく埋め込まれないことがあります。
+:::
+
+### インラインで数式を挿入する
+
+`$a\ne0$`というように`$`ひとつで挟むことで、インラインで数式を含めることができます。たとえば$a\ne0$のようなイメージです。
+
+## 引用
+
+```
+> 引用文
+> 引用文
+```
+
+> 引用文
+> 引用文
+
+## 脚注
+
+脚注を指定するとページ下部にその内容が表示されます。
+
+```
+脚注の例[^1]です。インライン^[脚注の内容その2]で書くこともできます。
+
+[^1]: 脚注の内容その1
+```
+
+脚注の例[^1]です。インライン^[脚注の内容その 2]で書くこともできます。
+
+[^1]: 脚注の内容その 1
+
+## 区切り線
+
+```
+-----
+```
+
+---
+
+## インラインスタイル
+
+```
+*イタリック*
+**太字**
+~~打ち消し線~~
+インラインで`code`を挿入する
+```
+
+_イタリック_
+**太字**
+~~打ち消し線~~
+インラインで`code`を挿入する
+
+### インラインのコメント
+
+自分用のメモをしたいときは HTML のコメント記法を使用できます。
+
+```html
+<!-- TODO: ◯◯について追記する -->
+```
+
+<!-- コメントテスト -->
+
+この形式で書いたコメントは公開されたページ上では表示されません。ただし、複数行のコメントには対応していないのでご注意ください。
+
+## Zenn 独自の記法
+
+### メッセージ
+
+```
+:::message
+メッセージをここに
+:::
+```
+
+:::message
+メッセージをここに
+:::
+
+```
+:::message alert
+警告メッセージをここに
+:::
+```
+
+:::message alert
+警告メッセージをここに
+:::
+
+### アコーディオン（トグル）
+
+```
+:::details タイトル
+表示したい内容
+:::
+```
+
+:::details タイトル
+表示したい内容
+:::
+
+#### 要素をネストさせるには
+
+外側の要素の開始/終了に `:` を追加します。
+
+```
+::::details タイトル
+:::message
+ネストされた要素
+:::
+::::
+```
+
+::::details タイトル
+:::message
+ネストされた要素
+:::
+::::
+
+## コンテンツの埋め込み
+
+### リンクカード
+
+```bash
+# URLだけの行
+https://zenn.dev/zenn/articles/markdown-guide
+```
+
+URL だけが貼り付けられた行があると、その部分がカードとして表示されます。
+
+https://zenn.dev/zenn/articles/markdown-guide
+
+また`@[card](URL)`という書き方でカード型のリンクを貼ることもできます。
+
+:::details アンダースコア _ を含むURLが正しく認識されない場合
+[markdownパーサの仕様](https://zenn.dev/catnose99/scraps/e94c8e789f846a)により、アンダースコア（`_`）を含むURLで、正しくURLが認識されないことがあります。
+
+```
+https://zenn.dev/__example__
+```
+
+> https://zenn.dev/__example__
+
+対処法
+
+1. カード型のリンクとして表示したい場合は
+   `@[card](ここにURL)`という書き方をしてください
+2. 単純にリンク化された URL を貼り付けたい場合は`<https://zenn.dev/__example__>`のような形で`<`と`>`で URL を囲むようにしてください
+:::
+
+### X（Twitter）のポスト（ツイート）
+
+```bash
+# ポストのURLだけの行（前後に改行が必要です）
+https://twitter.com/jack/status/20
+
+# x.comドメインの場合
+https://x.com/jack/status/20
+```
+
+以前は`@[tweet](ポストのURL)`の記法を採用していましたが、現在はポストのURLを貼り付けるだけで埋め込みが表示されます。
+
+:::details アンダースコア _ を含む URL が正しく認識されない場合
+[markdown パーサの仕様](https://zenn.dev/catnose99/scraps/e94c8e789f846a)により、URL の`/`の区切りの中に 2 つ以上アンダースコア（`_`）を含むと、自動リンクが途中で途切れてしまいます。
+
+```
+https://twitter.com/__example__/status/12345678910
+```
+
+> https://twitter.com/__example__/status/12345678910
+
+対処法
+
+このような URL では`@[tweet](ポストのURL)`という書き方をしていただくようお願いします。
+:::
+
+#### リプライ元のポストを非表示にする
+
+リプライを埋め込んだ場合、デフォルトでリプライ元のポスト含まれて表示されます。`ポストのURL?conversation=none`のようにクエリパラメータに`conversation=none`を指定すると、リプライ元のポストが含まれなくなります。
+
+### YouTube
+
+```bash
+# YouTubeのURLだけの行（前後に改行が必要です）
+https://www.youtube.com/watch?v=WRVsOCh907o
+```
+
+以前は`@[youtube](YouTubeの動画ID)`という記法を採用していましたが、現在は動画URLを貼り付けるだけで動画を埋め込むことができます。
+
+### GitHub
+
+GitHub上のファイルへのURLまたはパーマリンクだけの行を作成すると、その部分にGitHubの埋め込みが表示されます。
+
+```bash
+# GitHubのファイルURLまたはパーマリンクだけの行（前後に改行が必要です）
+https://github.com/octocat/Hello-World/blob/master/README
+```
+
+上記のリンクは、以下のように表示されます。
+
+https://github.com/octocat/Hello-World/blob/master/README
+
+
+#### 行の指定
+
+GitHubと同じように、リンクの末尾に`#L00-L00`のような形で表示するファイルの開始行と終了行を指定することができます。
+
+```bash
+# コードの開始行と終了行を指定
+https://github.com/octocat/Spoon-Knife/blob/main/README.md#L1-L3
+```
+
+上記のリンクは以下のように表示されます。
+
+https://github.com/octocat/Spoon-Knife/blob/main/README.md#L1-L3
+
+また、開始行のみ指定することもできます。
+
+```bash
+# コードの開始行のみ指定
+https://github.com/octocat/Spoon-Knife/blob/main/README.md#L3
+```
+
+上記のリンクは、以下のように開始行のみ埋め込まれて表示されます。
+
+https://github.com/octocat/Spoon-Knife/blob/main/README.md#L3
+
+#### テキストファイル以外は埋め込めません
+
+埋め込めるファイルは、ソースコードなどのテキストファイルのみとなっています。
+もし画像などのファイルを指定した場合は、以下のような表示になります。
+
+https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/images/example-images/zenn-editor.png
+
+### GitHub Gist
+
+```bash
+@[gist](GistのページURL)
+```
+
+GistのページURLを指定します。
+
+特定のファイルだけ埋め込みたい場合は`@[gist](https://gist.github.com/foo/bar?file=example.json)`のようにクエリ文字列で`?file=ファイル名`という形で指定します。
+
+### CodePen
+
+```
+@[codepen](ページのURL)
+```
+
+デフォルトの表示タブは`ページのURL?default-tab=html,css`のようにクエリを指定することで変更できます。
+
+### SlideShare
+
+```
+@[slideshare](スライドのkey)
+```
+
+SlideShare の埋め込み iframe に含まれる`...embed_code/key/○○...`の`◯◯`の部分を入力します。
+
+### SpeakerDeck
+
+```
+@[speakerdeck](スライドのID)
+```
+
+SpeakerDeck で取得した埋め込みコードに含まれる`data-id`の値を入力します。
+
+### JSFiddle
+
+```
+@[jsfiddle](ページのURL)
+```
+
+[埋め込みオプション](https://docs.jsfiddle.net/embedding-fiddles)を指定する場合、iframe用の埋め込みURL（ `ページのURL + /embedded/{Tabs}/{Visual}/` ）を入力します。
+
+### CodeSandbox
+
+```
+@[codesandbox](embed用のURL)
+```
+
+CodeSandbox では、各ページから埋め込み用の`<iframe>`を取得できます。この`<iframe>`に含まれる`src`の URL を括弧の中に入力します。
+
+### StackBlitz
+
+```
+@[stackblitz](embed用のURL)
+```
+
+StackBlitz では、各ページから「Embed URL」を取得できます。取得した URL をそのまま括弧の中に入力します。
+
+### Figma
+
+```
+@[figma](ファイルまたはプロトタイプのURL)
+```
+
+Figma では、ファイルまたはプロトタイプのページで共有リンクを取得できます。取得したURLをそのまま括弧の中に入力します。
+
+### オンラインエディターではモーダルから挿入可能
+
+オンラインのエディターでは「+」ボタンを押すことで、外部コンテンツ埋め込み用のモーダルを表示できます。
+
+![](https://storage.googleapis.com/zenn-user-upload/t87wf3d7xgfv7cabv4a9lfr1t79q)
+
+### その他の埋め込み可能なコンテンツ
+
+オンラインエディターの埋め込みの選択肢としては表示されませんが、以下の埋め込み記法もサポートしています。
+
+#### blueprintUE
+
+```
+@[blueprintue](ページのURL)
+
+例：
+@[blueprintue](https://blueprintue.com/render/0ovgynk-/)
+```
+
+[blueprintUE](https://blueprintue.com/) を埋め込むには、公開されているページのURLをそのまま括弧の中に入力します。
+
+## ダイアグラム
+
+[mermaid.js](https://mermaid-js.github.io/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]
+```
+~~~
+は以下のように表示されます。
+
+
+
+```mermaid
+graph TB
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{Decision}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
+```
+
+他にもシーケンス図やクラス図が表示できます。文法は mermaid.js に従っていますので、どのように書けばよいかは[公式サイトの文法](https://mermaid-js.github.io/mermaid/#/flowchart)を参照してください。
+
+:::message
+mermaid.js側で破壊的変更が行われた場合、表示が変更されたり、適切に表示されなくなる可能性があります。
+:::
+
+### 制限事項
+
+Zenn で mermaid.js 対応を行うにあたり、いくつか制限事項を設定させていただいています。制限事項は今後も様子を見て追加・廃止・値の変更など行う可能性があります。
+
+#### クリックイベントの無効化
+
+[Interaction機能](https://mermaid-js.github.io/mermaid/#/classDiagram?id=interaction)として図の要素にクリックイベントなどが設定できますが、セキュリティの観点でZennでは無効にさせていただきます。
+
+#### ブロックあたりの文字数制限 - 2000文字以内
+
+ブロックあたりの文字数を**2000**文字に制限させていただいています。これを超えた場合、ダイアグラムが表示される代わりにエラーメッセージが表示されます。
+
+#### ブロックあたりのChain数制限 - 10以下
+
+フローチャートにおいて、ノードをひとまとまりで表現する記述として`&`が利用できます。以下のようなイメージです。
+
+~~~
+```mermaid
+graph LR
+   a --> b & c--> d
+```
+~~~
+は以下のように表示されます。
+
+
+```mermaid
+graph LR
+   a --> b & c--> d
+```
+
+便利ですが、数が多くなるとノードの接続が多くなり、ブラウザ側での描画に負荷が生じる可能性があるため、`&`の数を**10**に制限させていただきます。こちらも超えた場合はダイアグラムの代わりにエラーメッセージが表示されます。
+
+## 入力補完
+
+以下はMarkdown記法ではありませんが、Markdownエディタで利用できる入力補完機能についても紹介します。
+
+### 絵文字（Emoji）
+
+`:`に続いて任意の1文字を入力すると、絵文字の候補が表示されます。
+
+---
diff --git a/packages/zenn-cli/articles/toc-check.md b/packages/zenn-cli/articles/101-example-toc-check.md
similarity index 97%
rename from packages/zenn-cli/articles/toc-check.md
rename to packages/zenn-cli/articles/101-example-toc-check.md
index 8fa8274e..bb0dd270 100644
--- a/packages/zenn-cli/articles/toc-check.md
+++ b/packages/zenn-cli/articles/101-example-toc-check.md
@@ -1,11 +1,11 @@
 ---
-title: 'TOC'
+title: 'ToCのテスト'
 type: 'tech' # or "idea"
 topics:
   - React
   - Rust
 emoji: 👩‍💻
-published: false
+published: true
 ---
 
 # H1 はプレビュー対象
diff --git a/packages/zenn-cli/articles/example-images.md b/packages/zenn-cli/articles/200-example-images.md
similarity index 94%
rename from packages/zenn-cli/articles/example-images.md
rename to packages/zenn-cli/articles/200-example-images.md
index 6366854d..01d30930 100644
--- a/packages/zenn-cli/articles/example-images.md
+++ b/packages/zenn-cli/articles/200-example-images.md
@@ -1,10 +1,10 @@
 ---
-title: 'example images'
+title: '画像のテスト'
 type: 'idea'
 topics:
   - Zenn
 emoji: 🏙
-published: false
+published: true
 ---
 
 ## 正しい指定
diff --git a/packages/zenn-cli/articles/code-fence.md b/packages/zenn-cli/articles/201-example-code-fence.md
similarity index 98%
rename from packages/zenn-cli/articles/code-fence.md
rename to packages/zenn-cli/articles/201-example-code-fence.md
index 9fa852f3..e3058149 100644
--- a/packages/zenn-cli/articles/code-fence.md
+++ b/packages/zenn-cli/articles/201-example-code-fence.md
@@ -1,11 +1,11 @@
 ---
-title: 'Code Fence'
+title: 'Code Fenceのテスト'
 type: 'tech' # or "idea"
 topics:
   - React
   - Rust
 emoji: 👩‍💻
-published: false
+published: true
 ---
 
 ```"><img/onerror="alert(location)"src=.>
diff --git a/packages/zenn-cli/articles/link-card.md b/packages/zenn-cli/articles/300-example-embed-basics.md
similarity index 51%
rename from packages/zenn-cli/articles/link-card.md
rename to packages/zenn-cli/articles/300-example-embed-basics.md
index 59fb696e..52594673 100644
--- a/packages/zenn-cli/articles/link-card.md
+++ b/packages/zenn-cli/articles/300-example-embed-basics.md
@@ -1,21 +1,31 @@
 ---
-title: 'link card'
-type: 'idea' # or "idea"
-topics:
-  - React
-  - Rust
-emoji: 👩‍💻
-published: false
+title: '埋め込みのテスト（基本）'
+type: 'tech' # or "idea"
+topics: ['embed', 'test']
+emoji: 🐲
+published: true
 ---
 
-# convert
+## Link Card
 
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
+### Default
 
+https://zenn.dev
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
 https://zenn.dev/catnose99/articles/zenn-dev-stack
 https://zenn.dev/topics
 https://zenn404
 
+### GitHub Repository
+
+https://github.com/zenn-dev/zenn-editor
+
+### GitHub Repository 以外のページ
+
+https://github.com/zenn-dev/zenn-editor/issues
+
+### 折りたたみ
+
 ::::details 1
 
 :::details 2
@@ -30,7 +40,7 @@ https://example1.com
 
 ::::
 
-# not convert
+### リンクのみ
 
 👇 not converted to links
 
@@ -63,3 +73,7 @@ https://example1.com
 - https://example1.com
 
 ::::
+
+## 👇html tag cannot be embedded.
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/ToLJE4YEQRI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allow="fullscreen"></iframe>
diff --git a/packages/zenn-cli/articles/301-example-embed-github.md b/packages/zenn-cli/articles/301-example-embed-github.md
new file mode 100644
index 00000000..94274fee
--- /dev/null
+++ b/packages/zenn-cli/articles/301-example-embed-github.md
@@ -0,0 +1,38 @@
+---
+title: '埋め込みのテスト（GitHub）'
+type: 'tech' # or "idea"
+topics: ['embed', 'test']
+emoji: 🐲
+published: true
+---
+
+`<iframe />` を用いて要素を表示する機能の一覧
+
+## GitHub
+
+**短い行数**
+
+https://github.com/zenn-dev/zenn-editor/blob/canary/lerna.json
+
+**長い行数**
+
+https://github.com/zenn-dev/zenn-editor/blob/canary/pnpm-lock.yaml
+
+**行数指定**
+
+https://github.com/zenn-dev/zenn-editor/blob/canary/pnpm-lock.yaml#L4-L14
+
+**開始行のみ指定**
+
+https://github.com/zenn-dev/zenn-editor/blob/canary/pnpm-lock.yaml#L4
+
+## Gists
+
+https://gist.github.com/hofmannsven/9164408
+https://gist.github.com/lmars/8be1952a8d03f8a31b17
+
+@[gist](https://gist.github.com/mattpodwysocki/218388)
+
+### specific file
+
+https://gist.github.com/hofmannsven/9164408?file=my.cnf
diff --git a/packages/zenn-cli/articles/302-example-embed-x.md b/packages/zenn-cli/articles/302-example-embed-x.md
new file mode 100644
index 00000000..e515d0e7
--- /dev/null
+++ b/packages/zenn-cli/articles/302-example-embed-x.md
@@ -0,0 +1,45 @@
+---
+title: '埋め込みのテスト（X）'
+type: 'tech' # or "idea"
+topics: ['embed', 'test']
+emoji: 🐲
+published: true
+---
+
+## `@[tweet]` 記法（`twitter.com`）
+
+@[tweet](https://twitter.com/jack/status/20)
+
+@[tweet](https://twitter.com/steelydylan/status/1253567029010825216)
+
+## `@[tweet]` 記法（`x.com`）
+
+@[tweet](https://x.com/jack/status/20)
+
+@[tweet](https://x.com/steelydylan/status/1253567029010825216)
+
+## URL埋め込み（`twitter.com`）
+
+https://twitter.com/jack/status/20
+
+https://twitter.com/steelydylan/status/1253567029010825216
+
+## URL埋め込み（`x.com`）
+
+https://x.com/jack/status/20
+
+https://x.com/steelydylan/status/1253567029010825216
+
+## URLパラメーター
+
+### なし
+
+https://twitter.com/jack/status/1364262123417726976
+
+### with `?conversation=none`
+
+https://twitter.com/jack/status/1364262123417726976?conversation=none
+
+### with `&t=hoge`
+
+https://twitter.com/jack/status/1364262123417726976?conversation=none&t=hoge
diff --git a/packages/zenn-cli/articles/mermaid.md b/packages/zenn-cli/articles/303-example-embed-mermaid.md
similarity index 96%
rename from packages/zenn-cli/articles/mermaid.md
rename to packages/zenn-cli/articles/303-example-embed-mermaid.md
index ed5e6e6f..6736c21d 100644
--- a/packages/zenn-cli/articles/mermaid.md
+++ b/packages/zenn-cli/articles/303-example-embed-mermaid.md
@@ -1,6 +1,6 @@
 ---
-title: 'mermaid'
-type: 'ida' # or "idea"
+title: '埋め込みのテスト（Mermaid）'
+type: 'idea' # or "idea"
 topics:
   - mermaid
 emoji: 👩‍💻
diff --git a/packages/zenn-cli/articles/304-example-embed-katex.md b/packages/zenn-cli/articles/304-example-embed-katex.md
new file mode 100644
index 00000000..0c51c3e2
--- /dev/null
+++ b/packages/zenn-cli/articles/304-example-embed-katex.md
@@ -0,0 +1,267 @@
+---
+title: '埋め込みのテスト（KaTeX）'
+type: 'tech' # or "idea"
+topics:
+  - Math
+emoji: 👩‍💻
+published: true
+---
+
+## [test on markdown-it-textmath](https://goessner.github.io/markdown-it-texmath/index.html)
+
+`$a$`
+
+$a$
+
+`$\varphi$`
+
+$\varphi$
+
+`$1+1=2$`
+
+$1+1=2$
+
+`$1+1<3$`
+
+$1+1<3$
+
+`$a \backslash$`
+
+$a \backslash$
+
+`You get 3$ if you solve $1+2$`
+
+You get 3$ if you solve $1+2$
+
+`If you solve $1+2$ you get $3`
+
+If you solve $1+2$ you get $3
+
+`$\frac{1}{2}$`
+
+$\frac{1}{2}$
+
+`$\begin{pmatrix}x\\y\end{pmatrix}$`
+
+$\begin{pmatrix}x\\y\end{pmatrix}$
+
+`${\tilde\bold e}_\alpha$`
+
+${\tilde\bold e}_\alpha$
+
+`$a^{b}$`
+
+$a^{b}$
+
+`$a^*b$ with $a^*$`
+
+$a^*b$ with $a^*$
+
+`$$e_\alpha$$`
+
+$$e_\alpha$$
+
+`$$1+1=2$$`
+
+$$1+1=2$$
+
+```
+${e}_x$
+
+$$e_\alpha$$
+```
+
+${e}_x$
+
+$$e_\alpha$$
+
+`$$c{\bold e}_x = a{\bold e}_\alpha - b\tilde{\bold e}_\alpha$$`
+
+$$c{\bold e}_x = a{\bold e}_\alpha - b\tilde{\bold e}_\alpha$$
+
+```
+a$1+1=2$
+$1+1=2$b
+c$x$d
+```
+
+a$1+1=2$
+$1+1=2$b
+c$x$d
+
+`$x$ $`
+
+$x$ $
+
+`$x$ $y$`
+
+$x$ $y$
+
+`so-what is $x$`
+
+so-what is $x$
+
+```
+$$
+1+1=2
+$$
+```
+
+$$
+1+1=2
+$$
+
+```
+$$\begin{matrix}
+ f & = & 2 + x + 3 \\
+ & = & 5 + x 
+\end{matrix}$$
+```
+
+$$\begin{matrix}
+ f & = & 2 + x + 3 \\
+ & = & 5 + x 
+\end{matrix}$$
+
+```
+$$\begin{pmatrix}x_2 \\ y_2 \end{pmatrix} = 
+\begin{pmatrix} A & B \\ C & D \end{pmatrix}\cdot
+\begin{pmatrix} x_1 \\ y_1 \end{pmatrix}$$
+```
+
+$$\begin{pmatrix}x_2 \\ y_2 \end{pmatrix} = 
+\begin{pmatrix} A & B \\ C & D \end{pmatrix}\cdot
+\begin{pmatrix} x_1 \\ y_1 \end{pmatrix}$$
+
+`$$f(x) = x^2 - 1$$ (1)`
+
+$$f(x) = x^2 - 1$$ (1)
+
+`code`$a-b$
+
+```
+code
+```
+$$a+b$$
+
+```
+code
+```
+$$a+b$$(1)
+
+```
+1. $1+2$
+2. $2+3$
+    1. $3+4$
+```
+
+1. $1+2$
+2. $2+3$
+    1. $3+4$
+
+`$\sum_{i=1}^n$`
+
+$\sum_{i=1}^n$
+
+`$$\sum_{i=1}^n$$`
+
+$$\sum_{i=1}^n$$
+
+`$$\sum_{i=1}^n$$ (2)`
+
+$$\sum_{i=1}^n$$ (2)
+
+```
+$${\bold e}(\varphi) = \begin{pmatrix}
+\cos\varphi\\\sin\varphi
+\end{pmatrix}$$ (3)
+```
+
+$${\bold e}(\varphi) = \begin{pmatrix}
+\cos\varphi\\\sin\varphi
+\end{pmatrix}$$ (3)
+
+```
+> see $a = b + c$ 
+> $c^2=a^2+b^2$ (2) 
+> $c^2=a^2+b^2$ 
+```
+
+> see $a = b + c$ 
+> $c^2=a^2+b^2$ (2) 
+> $c^2=a^2+b^2$ 
+
+```
+> formula
+>
+> $$ a+b=c$$ (2)
+>
+> in blockquote. 
+```
+
+> formula
+>
+> $$ a+b=c$$ (2)
+>
+> in blockquote. 
+
+```
+\$1+1=2$
+$1+1=2\$
+```
+
+\$1+1=2$
+$1+1=2\$
+
+```
+some text
+ $\$a+b=c$$
+```
+
+some text
+ $\$a+b=c$$
+
+```
+$ $
+$ x$
+$x $
+```
+
+$ $
+$ x$
+$x $
+
+```
+$1+1=
+2$
+```
+
+$1+1=
+2$
+
+## リンク
+
+リンク文字は数式にならない
+
+[text$text](https://...$text)
+
+## スクロール
+
+横幅が大きい数式はスクロールバーが表示される
+
+$aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa$
+
+$$
+aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
+$$
+
+## 折りたたみ
+
+:::details 詳細
+$a\ne0$
+:::
+
+
+## XSS
+
+$<script>alert("a")</script>1+1=2$
diff --git a/packages/zenn-cli/articles/embed-examples.md b/packages/zenn-cli/articles/305-example-embed-others.md
similarity index 56%
rename from packages/zenn-cli/articles/embed-examples.md
rename to packages/zenn-cli/articles/305-example-embed-others.md
index 677050fe..b1fc833e 100644
--- a/packages/zenn-cli/articles/embed-examples.md
+++ b/packages/zenn-cli/articles/305-example-embed-others.md
@@ -1,9 +1,9 @@
 ---
-title: 'Embedのテスト'
+title: '埋め込みのテスト（その他）'
 type: 'tech' # or "idea"
-topics: [12]
+topics: ['embed', 'test']
 emoji: 🐲
-published: false
+published: true
 ---
 
 ## Figma
@@ -16,17 +16,6 @@ published: false
 @[blueprintue](https://blueprintue.com/render/xmdvzpam/)
 @[blueprintue](https://blueprintue.com/render/xmdvzpam/)
 
-## Gists
-
-https://gist.github.com/hofmannsven/9164408
-https://gist.github.com/lmars/8be1952a8d03f8a31b17
-
-@[gist](https://gist.github.com/mattpodwysocki/218388)
-
-### specific file
-
-https://gist.github.com/hofmannsven/9164408?file=my.cnf
-
 ## codesandbox
 
 @[codesandbox](https://codesandbox.io/embed/guess-movie-erpn1?fontsize=14&hidenavigation=1&theme=dark)
@@ -74,34 +63,3 @@ https://gist.github.com/hofmannsven/9164408?file=my.cnf
 ## codepen
 
 @[codepen](https://codepen.io/noeldelgado/pen/BaogqYy?default-tab=result)
-
-## Twitter
-
-### `@[tweet]` 記法（`twitter.com`）
-
-@[tweet](https://twitter.com/jack/status/20)
-
-@[tweet](https://twitter.com/steelydylan/status/1253567029010825216)
-
-### `@[tweet]` 記法（`x.com`）
-
-@[tweet](https://x.com/jack/status/20)
-
-@[tweet](https://x.com/steelydylan/status/1253567029010825216)
-
-### URL埋め込み（`twitter.com`）
-
-https://twitter.com/jack/status/20
-
-https://twitter.com/steelydylan/status/1253567029010825216
-
-### URL埋め込み（`x.com`）
-
-https://x.com/jack/status/20
-
-https://x.com/steelydylan/status/1253567029010825216
-
-
-## 👇html tag cannot be embedded.
-
-<iframe width="560" height="315" src="https://www.youtube.com/embed/ToLJE4YEQRI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allow="fullscreen"></iframe>
diff --git a/packages/zenn-cli/articles/xss.md b/packages/zenn-cli/articles/800-example-xss-check.md
similarity index 95%
rename from packages/zenn-cli/articles/xss.md
rename to packages/zenn-cli/articles/800-example-xss-check.md
index 903566a8..b675ce50 100644
--- a/packages/zenn-cli/articles/xss.md
+++ b/packages/zenn-cli/articles/800-example-xss-check.md
@@ -1,3 +1,14 @@
+---
+title: 'XSSのテスト'
+type: 'tech' # or "idea"
+topics:
+  - React
+  - Rust
+emoji: 👩‍💻
+published: true
+---
+
+
 $$
 "<img/src=./ onerror=alert(location)>
 e^{i\theta} = i\sin\thetae^{i\theta}
diff --git a/packages/zenn-cli/articles/empty.md b/packages/zenn-cli/articles/900-example-empty.md
similarity index 73%
rename from packages/zenn-cli/articles/empty.md
rename to packages/zenn-cli/articles/900-example-empty.md
index 95ec1a13..9c316f73 100644
--- a/packages/zenn-cli/articles/empty.md
+++ b/packages/zenn-cli/articles/900-example-empty.md
@@ -1,5 +1,5 @@
 ---
-title: 'example empty'
+title: 'Empty Articleのテスト'
 type: 'idea' # or "idea"
 topics:
   - React
diff --git a/packages/zenn-cli/articles/no-frontmatters.md b/packages/zenn-cli/articles/901-example-no-frontmatters.md
similarity index 100%
rename from packages/zenn-cli/articles/no-frontmatters.md
rename to packages/zenn-cli/articles/901-example-no-frontmatters.md
diff --git a/packages/zenn-cli/articles/no-markdown-file.js b/packages/zenn-cli/articles/902-no-markdown-file.js
similarity index 100%
rename from packages/zenn-cli/articles/no-markdown-file.js
rename to packages/zenn-cli/articles/902-no-markdown-file.js
diff --git a/packages/zenn-cli/articles/README.md b/packages/zenn-cli/articles/README.md
deleted file mode 100644
index 38f24b3a..00000000
--- a/packages/zenn-cli/articles/README.md
+++ /dev/null
@@ -1,2 +0,0 @@
-- 開発用 example コンテンツ
-- プロジェクトルートの`./articles`からマークダウンを読み込んでプレビュー
diff --git a/packages/zenn-cli/articles/example-full.md b/packages/zenn-cli/articles/example-full.md
deleted file mode 100644
index 8f511f29..00000000
--- a/packages/zenn-cli/articles/example-full.md
+++ /dev/null
@@ -1,118 +0,0 @@
----
-title: 'example full'
-type: 'idea' # or "idea"
-topics:
-  - React
-  - Rust
-emoji: 👩‍💻
-published: false
----
-
-先日、こんな記事を見かけました。
-
-**[テックブログは続かない - note.com](https://note.com/makaibito/n/n2d9e84a959c0)**
-
-採用目的でテックブログを始めたものの、時間の経過とともに古い記事ばかりになる or すでに退職している社員の記事ばかりになる…というのはよく見かける光景です。
-
-目の前のタスクが積み上がっている状況で、業務時間内にブログを書く時間を取るのはなかなか難しいと思います。
-
-そうは言っても業務時間外に無償で会社のブログに書くのもなかなか気乗りしません。「数年以内に転職するかもしれない」という気持ちがあればなおさらです。記事が転職しても自分のものとして残るのであれば、書くモチベーションは上がるのかもしれません。
-
----
-
-その後、こんなツイートを見かけました。
-
-企業のテックブログと言えば「会社がひとつブログを作って、みんなでそこに投稿する」という形が当たり前になっていますが、たしかに**個々人の投稿を集約する場所**を用意するだけでも良いのかもしれません。
-
-もう少し調べてみると[HERP 社のテックブログ](https://tech-hub.herp.co.jp/)はまさにそのような形になっています。メンバーは個人ブログなど自分の好きな場所に記事を投稿し、会社のテックブログはその記事へのリンクを集約して表示するハブの役割をすると。とても良いですね。
-
-# チームメンバーのテックブログを RSS で集約するサイトを作った
-
-RSS を辿って社内メンバーの個人ブログを集約するというのは、技術的にそこまで難しくありません。最近 Zenn の開発ばかりやっているので、息抜きがてらスターター的なものを作ってみました。
-
-![](https://storage.googleapis.com/zenn-user-upload/em417t9y70zleo9003crmu3rkqyn)
-_デモサイトはこんな感じ_
-
-**[デモサイト →](https://team-blog-hub.vercel.app/)**
-**[GitHub リポジトリ →](https://github.com/catnose99/team-blog-hub)**
-
-デモサイトを見ていただければ分かると思いますが、個々人が投稿した記事へのリンクを集めた入り口のような場所になっています。
-
-各メンバーは、Zenn、Qiita、Medium、note、はてなブログなど、自分の好きな場所に、自分の記事として投稿できます。RSS を取得できさえすれば、どこに投稿しても OK というわけです。
-
-# 技術的な構成
-
-サイトの構築には Next.js（TypeScript）を使いました。以下のような流れで静的なサイトがビルドされるようになっています。
-
-1. 各メンバーの RSS の URL から投稿データのフェッチする
-2. 1 をまとめて投稿データ一覧の json ファイルを作成する
-3. Next.js で静的サイトとしてビルドする
-
-## メンバーの RSS の登録
-
-[ソースコード](https://github.com/catnose99/team-blog-hub)を見ていただくと早いと思いますが、`members.ts`というファイルの中で各メンバーのプロフィールと RSS の URL 一覧を登録する形になっています。
-
-```json
-[
-  {
-    "name": "メンバーの名前",
-    "role": "役職名",
-    "sources": [
-      "https://zenn.dev/catnose99/feed",
-      "https://medium.com/feed/@catnose99"
-    ]
-  }
-]
-```
-
-👆`sources`の部分に RSS の URL を指定します。複数の URL を指定することもできます。
-
-### 正規表現で一部の記事を除外できるように
-
-一部の記事は会社のテックブログから除きたい（or 含めたい）こともあると思うので、下記のように正規表現を指定することでフィルターをかけられるようにしました。
-
-```json
-[{
-  ...
-  sources: [
-    "https://zenn.dev/catnose99/feed",
-    "https://medium.com/feed/@catnose99",
-  ],
-  includeUrlRegex: "含めたい記事のURLにマッチする正規表現",
-  excludeUrlRegex: "除きたい記事のURLにマッチする正規表現"
-}]
-```
-
-`yarn build:posts`が実行されたときに、指定内容をもとに RSS から投稿のメタデータ一覧をフェッチして`posts.json`という記事の情報をまとめたファイルが生成されます。RSS のパースは[rss-parser](https://www.npmjs.com/package/rss-parser)というパッケージを使うと簡単です。
-
-## Next.js で静的サイトをビルドする
-
-Next.js を使えば、静的なサイトも簡単に作れます。今回は上述の通り`posts.json`という投稿データ一覧がディレクトリ内に存在するため、ここから必要なデータを`import`して表示するだけです。
-
-Next.js でアプリを作るときに頻繁に使いがちな`getInitialProps`や`getStaticProps`などもほとんど必要ありません。
-
-## デプロイ
-
-デモサイトは[Vercel](https://vercel.com)にデプロイしました。`npm run build`（`yarn build`）さえホスティング前に実行できれば、デプロイ先はどこでも OK です。
-
-チームで運営する場合には、CI/CD 環境を整えると管理しやすそうです。新しく社員が入ってきたときに「個人ブログの RSS の URL を追加してプルリク投げておいて」とお願いできるとお互い楽ですね。
-
-そういう意味でリポジトリとの連携がしやすい Vercel や[Netlify](https://www.netlify.com/)などがおすすめです。
-
-## 定期的に自動ビルドする
-
-実際の運用では、投稿一覧を更新するために、定期的に（1 日に 1 回など）自動でビルドを行う必要があります。
-
-- Vercel の場合、GitHub Actions の「cron」を使えば、定期的な自動デプロイを楽に設定できます。詳しくは[GitHub の Discussion](https://github.com/vercel/next.js/discussions/12486)が参考になると思います。
-
-- Netlify の場合は[Auto trigger deploys on Netlify](https://flaviocopes.com/netlify-auto-deploy/)のような方法で自動デプロイできます。
-
-# ライセンス
-
-今回作ったものはオープンソースです。Fork してご自由にお使いください。
-
-チームでなくとも個人で使っていただくのも良いかもしれません。たとえば、note と Medium と Zenn に投稿している方は、同じ仕組みを使って一箇所に投稿一覧をまとめることができます。
-
-※ 真っ先に変えたいのは配色だと思います。使用する色の数を抑えつつ、カラーコードは CSS 変数で管理しているため、比較的変更しやすいと思います。
-
-[github.com/catnose99/team-blog-hub →](https://github.com/catnose99/team-blog-hub)
diff --git a/packages/zenn-cli/articles/example-tweets.md b/packages/zenn-cli/articles/example-tweets.md
deleted file mode 100644
index 6f3d582a..00000000
--- a/packages/zenn-cli/articles/example-tweets.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: 'example tweet'
-type: 'tech'
-topics:
-  - React
-  - Rust
-emoji: 👩‍💻
-published: false
----
-
-https://twitter.com/jack/status/1364262123417726976
-
-↓ with `?conversation=none`
-
-https://twitter.com/jack/status/1364262123417726976?conversation=none
-
-↓ with `&t=hoge`
-
-https://twitter.com/jack/status/1364262123417726976?conversation=none&t=hoge
-
----
-
-listed tweets
-
-https://twitter.com/jack/status/20
-https://twitter.com/jack/status/20
-https://twitter.com/jack/status/20
-
-https://twitter.com/jack/status/20
-
-https://twitter.com/jack/status/20
-
-aa
-
----
diff --git a/packages/zenn-cli/articles/exampleexample.md b/packages/zenn-cli/articles/exampleexample.md
deleted file mode 100644
index 846f791f..00000000
--- a/packages/zenn-cli/articles/exampleexample.md
+++ /dev/null
@@ -1,304 +0,0 @@
----
-title: 'example'
-type: 'idea' # or "idea"
-topics:
-  - React
-  - Rust
-  - 初心者
-emoji: 👩‍💻
-published: true
-published_at: 2023-05-30 09:00
-publication_name: cm_zenn
----
-
-refs:
-https://markdown-it.github.io/
-
-Test
-Test
-
-# h1 Heading
-
-## h2 Heading
-
-### h3 Heading
-
-#### h4 Heading
-
-##### h5 Heading
-
-###### h6 Heading
-
-## accordion
-
-:::details ショートカットを使用しよう
-
-マークダウンエディターでは、以下のショートカットを使用できます。
-
-- **Ctrl + P（プレビュー）**：マークダウンがどのように表示されるかをチェックできます。もう一度ショートカットを実行すると、エディターに戻ります。
-- **Ctrl + S（内容の保存）**：変更内容を保存します。
-- **Ctrl + I（埋め込み）**：ツイートや YouTube、CodePen、SpeakerDeck などの埋め込みコンテンツを挿入するためのモーダルが表示されます。
-
-:::
-
-checkbox
-
-- a
-- b
-- マークダウンがどのように表示されるかをチェックできます。もう一度ショートカットを実行すると、エディターに戻ります
-
-Task List
-
-- [ ] a
-- [x] b
-- [x] マークダウンがどのように表示されるかをチェックできます。もう一度ショートカットを実行すると、エディターに戻ります
-
-## Horizontal Rules
-
----
-
----
-
----
-
-## Typographic replacements
-
-Enable typographer option to see result.
-
-(c) (C) (r) (R) (tm) (TM) (p) (P) +-
-
-test.. test... test..... test?..... test!....
-
-!!!!!! ???? ,, -- ---
-
-"Smartypants, double quotes" and 'single quotes'
-
-## Emphasis
-
-**This is bold text**
-
-**This is bold text**
-
-_This is italic text_
-
-_This is italic text_
-
-~~Strikethrough~~
-
-## Blockquotes
-
-> Blockquotes can also be nested...
->
-> > ...by using additional greater-than signs right next to each other...
-> >
-> > > ...or with spaces between arrows.
-
-## Lists
-
-Unordered
-
-- Create a list by starting a line with `+`, `-`, or `*`
-- Sub-lists are made by indenting 2 spaces:
-  - Marker character change forces new list start:
-    - Ac tristique libero volutpat at
-    * Facilisis in pretium nisl aliquet
-    - Nulla volutpat aliquam velit
-- Very easy!
-
-Ordered
-
-1. Lorem ipsum dolor sit amet
-2. Consectetur adipiscing elit
-3. Integer molestie lorem at massa
-
-4. You can use sequential numbers...
-5. ...or keep all the numbers as `1.`
-
-Start numbering with offset:
-
-57. foo
-1. bar
-
-## Code
-
-Inline `code`
-
-Indented code
-
-    // Some comments
-    line 1 of code
-    line 2 of code
-    line 3 of code
-
-Block code "fences"
-
-```
-Sample text here...
-```
-
-Syntax highlighting
-
-```js:fooBar.js
-var foo = function (bar) {
-  return bar++;
-};
-
-console.log(foo(5));
-// 👇can scroll horizontally
-console.log(aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa);
-```
-
-## Tables
-
-| Option | Description                                                                    |
-| ------ | ------------------------------------------------------------------------------ |
-| data   | path to <br> data files to supply the data that will be passed into templates. |
-| engine | engine to be used for processing templates. Handlebars is the default.         |
-| ext    | extension to be used for dest files.                                           |
-
-Right aligned columns
-
-| Option |                                                               Description |
-| -----: | ------------------------------------------------------------------------: |
-|   data | path to data files to supply the data that will be passed into templates. |
-| engine |    engine to be used for processing templates. Handlebars is the default. |
-|    ext |                                      extension to be used for dest files. |
-
-| Option | Description                                                               |
-| ------ | ------------------------------------------------------------------------- |
-| data   | path to data files to supply the data that will be passed into templates. |
-| engine | engine to be used for processing templates. Handlebars is the default.    |
-| ext    | extension to be used for dest files.                                      |
-
-Right aligned columns
-
-| Option | Description |
-| -----: | ----------: |
-|   data |        path |
-
-## Links
-
-[link text](http://dev.nodeca.com)
-
-[link with title](http://nodeca.github.io/pica/demo/ 'title text!')
-
-Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
-
-## Images
-
-![Minion](https://octodex.github.com/images/minion.png)
-![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg 'The Stormtroopocat')
-
-Like links, Images also have a footnote style syntax
-
-![](https://octodex.github.com/images/stormtroopocat.jpg)
-_captions_
-
-![Alt text][id]
-
-With a reference later in the document defining the URL location:
-
-[id]: https://octodex.github.com/images/dojocat.jpg 'The Dojocat'
-
-## Plugins
-
-The killer feature of `markdown-it` is very effective support of
-[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).
-
-### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
-
-> Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
->
-> Shortcuts (emoticons): :-) :-( 8-) ;)
-
-see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.
-
-### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup)
-
-- 19^th^
-- H~2~O
-
-### [\<ins>](https://github.com/markdown-it/markdown-it-ins)
-
-++Inserted text++
-
-### [\<mark>](https://github.com/markdown-it/markdown-it-mark)
-
-==Marked text==
-
-### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
-
-Footnote 1 link[^first].
-
-Footnote 2 link[^second].
-
-Inline footnote^[Text of inline footnote] definition.
-
-Duplicated footnote reference[^second].
-
-[^first]: Footnote **can have markup**
-
-    and multiple paragraphs.
-
-[^second]: Footnote text.
-
-### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)
-
-Term 1
-
-: Definition 1
-with lazy continuation.
-
-Term 2 with _inline markup_
-
-: Definition 2
-
-        { some code, part of Definition 2 }
-
-    Third paragraph of definition 2.
-
-_Compact style:_
-
-Term 1
-~ Definition 1
-
-Term 2
-~ Definition 2a
-~ Definition 2b
-
-### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
-
-This is HTML abbreviation example.
-
-It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
-
-\*[HTML]: Hyper Text Markup Language
-
-### [Custom containers](https://github.com/markdown-it/markdown-it-container)
-
-::: message
-here be dragons
-:::
-
-::: message alert
-here be dragons
-:::
-
-:::: message
-nested
-::: details summary
-content
-:::
-::::
-
-:::: message
-::: details summary
-content
-:::
-nested
-::::
-
-:::: message
-content
-@[card](https://zenn.dev)
-::::
diff --git a/packages/zenn-cli/articles/math.md b/packages/zenn-cli/articles/math.md
deleted file mode 100644
index 5087e5d7..00000000
--- a/packages/zenn-cli/articles/math.md
+++ /dev/null
@@ -1,114 +0,0 @@
----
-title: 'math'
-type: 'tech' # or "idea"
-topics:
-  - Math
-emoji: 👩‍💻
-published: false
----
-
-&\&&
-
-$a,b,c$は[hoge](https://hoge.fuga)を参照。
-$a,b,c$は[hoge](http://hoge.fuga)を参照。
-$a,b,c$は[hoge](http://hoge.fuga)$を参照。
-$a,b,c$は[$a](http://hoge.fuga)を参照。
-
-[this $ should be escaped](https://docs.angularjs.org/api/ng/service/$http#json-vulnerability-protection)
-[this $$ should be escaped](https://docs.angularjs.org/api/ng/service/$$http#json-vulnerability-protection)
-
-[test on markdown-it-textmath](https://goessner.github.io/markdown-it-texmath/index.html)
-
-$a$
-
-$a\ne0$
-
-$\varphi$
-
-// 👇can scroll horizontally
-
-$aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa$
-
-$$
-aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
-$$
-
-$<script>alert("a")</script>1+1=2$
-
-$1+1<3$
-
-$a \backslash$
-
-You get 3$ if you solve $1+2$
-
-If you solve $1+2$ you get $3
-
-$\frac{1}{2}$
-
-$\begin{pmatrix}x\\y\end{pmatrix}$
-
-$a^{b}$
-
-$a^*b$ with $a^*$
-
-$\sum_{i=1}^n$
-
----
-
-↓ はみ出たら横スクロール
-
-$$
-e^{i\theta} = \cos\theta + i\sin\theta e^{i\theta} = \cos\theta + i\sin\theta e^{i\theta} = \cos\theta + i\sin\theta
-$$
-
-$\sqrt{3x-1}+(1+x)^2$
-
-# Triangle
-
-Let the right triangle hypothenuse be aligned with the coordinate system _x-axis_.
-The vector loop closure equation then reads
-
-$$a{\bold e}_\alpha + b\tilde{\bold e}_\alpha + c{\bold e}_x = \bold 0$$
-
-Resolving for the hypothenuse part $c{\bold e}_x$ in the loop closure equation
-
-$$-c{\bold e}_x = a{\bold e}_\alpha + b\tilde{\bold e}_\alpha$$
-
-and squaring
-
-> finally results in the Pythagorean theorem (2)
->
-> $$ c^2 = a^2 + b^2 $$ (2)
-
-$a\ne0$
-
-:::details 詳細
-$a\ne0$
-:::
-
-## リンク文字列中は数式にならないべき
-
-[text$text](https://...$text)
-
-[text$text](https://...$text
-
-$text](https://...$
-
-## ふたつ以上の数式もレンダリングされるべき
-
-あああ$\omega$いいい『[uuu](https://arxiv.org)』えええ$(7)$おおお
-あああ$\frac{1}{2}$いいい[uuu](https://arxiv.org)えええ$(7)$おおお
-あああ$abc$いいい[uuu](https://arxiv.org)えええ$(7)$おおお
-あああ$\alpha$と$\omega$いいい[uuu](https://arxiv.org)えええ$(7)$おおお
-
-あああ$a$いいい[uuu](https://arxiv.org)えええ$(7)$おおお
-あああ$\omega$いいいえええ$(7)$おおお
-あああ$\omega$いいい[uuu](https://arxiv.org)えええおおお
-あああ$\omega$いいい[uuu](https://arxiv.org)えええ$7$おおお
-あああ$\omega$いいい[uuu](arxiv.org)えええ$(7)$おおお
-あああ$\omega$いいい[uuu](//arxiv.org)えええ$(7)$おおお
-あああ$\omega$いいい[uuu](ftp://arxiv.org)えええ$(7)$おおお
-あああ$\omega$いいい(https://arxiv.org)えええ$(7)$おおお
-あああ$\omega$いいい[uuu](https://arxiv.org)えええ$\exp xyz$おおお
-
-$a=b$という数式はこちらを参照[text$text](https://...$text)$(7)$
diff --git a/packages/zenn-cli/articles/zenn-embed-examples.md b/packages/zenn-cli/articles/zenn-embed-examples.md
deleted file mode 100644
index d0902c36..00000000
--- a/packages/zenn-cli/articles/zenn-embed-examples.md
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: 'zenn-embeddedのテスト'
-type: 'tech' # or "idea"
-topics: ['embed', 'test']
-emoji: 🐲
-published: false
----
-
-`<iframe />` を用いて要素を表示する機能の一覧
-
-## GitHub
-
-**短い行数**
-
-https://github.com/zenn-dev/zenn-editor/blob/canary/lerna.json
-
-**長い行数**
-
-https://github.com/zenn-dev/zenn-editor/blob/canary/yarn.lock
-
-**行数指定**
-
-https://github.com/zenn-dev/zenn-editor/blob/canary/yarn.lock#L4-L14
-
-**開始行のみ指定**
-
-https://github.com/zenn-dev/zenn-editor/blob/canary/yarn.lock#L4
-
-## GitHub Gist
-
-@[gist](https://gist.github.com/octocat/6cad326836d38bd3a7ae)
-
-## Link Card ( Default )
-
-https://zenn.dev
-
-## Link Card ( GitHub Repository )
-
-https://github.com/zenn-dev/zenn-editor
-
-## Link Card ( GitHub Repository 以外のページ )
-
-https://github.com/zenn-dev/zenn-editor/issues
-
-## Mermaid
-
-```mermaid
-classDiagram
-class GeoPointType {
- <<enumeration>>
-  BROWNFIELD
-  OGWELL
-  CELL_TOWER
-  NUCLEAR_REACTOR
-  SUPERFUND
-}
-class GeoPoint {
-  -UUID id
-  +GeoPointType type
-  +GeographyPoint location
-  -UUID metadata references metadata(id)
-  +Datetime createdAt
-}
-class GeographyPoint {
-  <<interface>>
-  +GeoJSON geojson
-  +Int srid
-  +Float longitude
-  +Float latitude
-}
-class NearbyPoint {
- <<Interface>>
-  -UUID id references GeoPoint(id)
-  +GeoPointType GeoPoint::type
-  +GeographyPoint GeoPoint::location
-  +UUID GeoPoint::metadata
-  +Float distance
-}
-class NearbyPoints {
-<<Service>>
-  +GeoJSON origin
-  +Float radiusMi
-  +Int first
-  +Int last
-  +Int offset
-  +Cursor before
-  +Cursor after
-}
-class Hotel {
- -UUID id
-+String name
--Int objectid
-}
-GeoPoint *-- GeoPointType: Composition
-GeoPoint *-- GeographyPoint: Composition
-GeoPoint "1" <|-- "1" NearbyPoint: Implements
-NearbyPoints "1" -- "0..n"NearbyPoint: Contains
-Hotel "1" -- "1" GeoPoint: May Contain
-```
-
-## Tweet Card
-
-https://twitter.com/jack/status/20

From a0424fcdf5619d43f6dd8513615ed5068ca9277a Mon Sep 17 00:00:00 2001
From: Ryosuke Igarashi <igarashi.ryosuke@classmethod.jp>
Date: Tue, 4 Jun 2024 08:54:57 +0900
Subject: [PATCH 09/13] =?UTF-8?q?fix:=20beta=E8=A1=A8=E8=A8=98=E3=82=92?=
 =?UTF-8?q?=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/zenn-cli/src/client/components/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/zenn-cli/src/client/components/Sidebar.tsx b/packages/zenn-cli/src/client/components/Sidebar.tsx
index d7e54e34..8615bb72 100644
--- a/packages/zenn-cli/src/client/components/Sidebar.tsx
+++ b/packages/zenn-cli/src/client/components/Sidebar.tsx
@@ -242,7 +242,7 @@ export const Sidebar: React.FC = () => {
             </li>
             <li>
               <LinkGuide slug="deploy-github-images">
-                <ListItemInner title="画像管理ガイド" emoji="🏞" label="Beta" />
+                <ListItemInner title="画像管理ガイド" emoji="🏞" />
               </LinkGuide>
             </li>
             <li>

From 457525cb726f9c122d5b8faceccd52e8125428a6 Mon Sep 17 00:00:00 2001
From: Ryosuke Igarashi <igarashi.ryosuke@classmethod.jp>
Date: Tue, 4 Jun 2024 11:09:05 +0900
Subject: [PATCH 10/13] =?UTF-8?q?fix:=20=E9=81=8E=E5=8E=BB=E3=81=AE?=
 =?UTF-8?q?=E5=95=8F=E9=A1=8C=E3=81=AE=E3=82=B5=E3=83=B3=E3=83=97=E3=83=AB?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zenn-cli/articles/304-example-embed-katex.md  | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/zenn-cli/articles/304-example-embed-katex.md b/packages/zenn-cli/articles/304-example-embed-katex.md
index 0c51c3e2..11121a5d 100644
--- a/packages/zenn-cli/articles/304-example-embed-katex.md
+++ b/packages/zenn-cli/articles/304-example-embed-katex.md
@@ -245,9 +245,11 @@ $1+1=
 
 [text$text](https://...$text)
 
-## スクロール
+## 横幅が大きい数式
 
-横幅が大きい数式はスクロールバーが表示される
+issue: https://github.com/zenn-dev/zenn-community/issues/327
+
+横幅が大きい数式は、幅をはみ出さずにスクロールバーが表示されること
 
 $aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa$
 
@@ -255,13 +257,20 @@ $$
 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 $$
 
+## 下添え字を含むインライン数式
+
+issue: https://github.com/zenn-dev/zenn-community/issues/337
+
+下添え字を含むインライン数式に、スクロールバーが発生しないこと
+
+素数全体を2つのグループに分け、$p_1, …, p_k$ を「小さい」素数、$p_{k+1}$ 以降を「大きい」素数と呼ぶことにする。$N$ 以下の自然数で、「大きい」素数で割れる数と、「小さい」素数でしか割れない数に分け、前者の個数を $N_1$、後者の個数を $N_2$ とおく。当然 $N = N_1 + N_2$ である。
+
 ## 折りたたみ
 
 :::details 詳細
 $a\ne0$
 :::
 
-
 ## XSS
 
 $<script>alert("a")</script>1+1=2$

From 9cd8a2f9fba6a5ec68e2b8189832d61b646e5538 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 4 Jun 2024 02:17:34 +0000
Subject: [PATCH 11/13] v0.1.154-alpha.2

---
 lerna.json                                | 2 +-
 packages/zenn-cli/package.json            | 2 +-
 packages/zenn-content-css/package.json    | 2 +-
 packages/zenn-embed-elements/package.json | 2 +-
 packages/zenn-markdown-html/package.json  | 2 +-
 packages/zenn-model/package.json          | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/lerna.json b/lerna.json
index 3717bbe9..962420ba 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,6 +2,6 @@
   "packages": [
     "packages/*"
   ],
-  "version": "0.1.154-alpha.1",
+  "version": "0.1.154-alpha.2",
   "npmClient": "pnpm"
 }
diff --git a/packages/zenn-cli/package.json b/packages/zenn-cli/package.json
index 9576cf9a..486e5948 100644
--- a/packages/zenn-cli/package.json
+++ b/packages/zenn-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-cli",
-  "version": "0.1.154-alpha.1",
+  "version": "0.1.154-alpha.2",
   "description": "Preview Zenn content locally.",
   "repository": {
     "type": "git",
diff --git a/packages/zenn-content-css/package.json b/packages/zenn-content-css/package.json
index 4863f97f..5223c2d0 100644
--- a/packages/zenn-content-css/package.json
+++ b/packages/zenn-content-css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-content-css",
-  "version": "0.1.154-alpha.1",
+  "version": "0.1.154-alpha.2",
   "license": "MIT",
   "description": "Zenn flavor content style.",
   "repository": {
diff --git a/packages/zenn-embed-elements/package.json b/packages/zenn-embed-elements/package.json
index b1a9aa0e..05000188 100644
--- a/packages/zenn-embed-elements/package.json
+++ b/packages/zenn-embed-elements/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-embed-elements",
-  "version": "0.1.154-alpha.1",
+  "version": "0.1.154-alpha.2",
   "license": "MIT",
   "description": "Web components for embedded contents.",
   "repository": {
diff --git a/packages/zenn-markdown-html/package.json b/packages/zenn-markdown-html/package.json
index 2ba9c7a6..773fdfa8 100644
--- a/packages/zenn-markdown-html/package.json
+++ b/packages/zenn-markdown-html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-markdown-html",
-  "version": "0.1.154-alpha.1",
+  "version": "0.1.154-alpha.2",
   "license": "MIT",
   "description": "Convert markdown to zenn flavor html.",
   "main": "lib/index.js",
diff --git a/packages/zenn-model/package.json b/packages/zenn-model/package.json
index 2dfd0056..d15b8826 100644
--- a/packages/zenn-model/package.json
+++ b/packages/zenn-model/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-model",
-  "version": "0.1.154-alpha.1",
+  "version": "0.1.154-alpha.2",
   "license": "MIT",
   "description": "Model utils for Zenn contents",
   "main": "lib/index.js",

From 85309a65640199c0f46c3a3d26b05c216bb8b59e Mon Sep 17 00:00:00 2001
From: Ryosuke Igarashi <igarashi.ryosuke@classmethod.jp>
Date: Tue, 4 Jun 2024 11:52:34 +0900
Subject: [PATCH 12/13] =?UTF-8?q?fix:=20=E4=B8=8D=E8=A6=81=E3=81=AA?=
 =?UTF-8?q?=E3=82=B9=E3=82=AF=E3=83=AD=E3=83=BC=E3=83=AB=E3=83=90=E3=83=BC?=
 =?UTF-8?q?=E3=81=8C=E8=A1=A8=E7=A4=BA=E3=81=95=E3=82=8C=E3=81=AA=E3=81=84?=
 =?UTF-8?q?=E3=82=88=E3=81=86=E3=81=AB=E3=83=8D=E3=82=AC=E3=83=86=E3=82=A3?=
 =?UTF-8?q?=E3=83=96=E3=83=9E=E3=83=BC=E3=82=B8=E3=83=B3=E3=82=92=E7=9B=B8?=
 =?UTF-8?q?=E6=AE=BA=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zenn-cli/articles/304-example-embed-katex.md | 12 ++++++++++++
 packages/zenn-content-css/src/_embed.scss        | 16 +++++++++++++---
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/packages/zenn-cli/articles/304-example-embed-katex.md b/packages/zenn-cli/articles/304-example-embed-katex.md
index 11121a5d..19d53289 100644
--- a/packages/zenn-cli/articles/304-example-embed-katex.md
+++ b/packages/zenn-cli/articles/304-example-embed-katex.md
@@ -265,6 +265,18 @@ issue: https://github.com/zenn-dev/zenn-community/issues/337
 
 素数全体を2つのグループに分け、$p_1, …, p_k$ を「小さい」素数、$p_{k+1}$ 以降を「大きい」素数と呼ぶことにする。$N$ 以下の自然数で、「大きい」素数で割れる数と、「小さい」素数でしか割れない数に分け、前者の個数を $N_1$、後者の個数を $N_2$ とおく。当然 $N = N_1 + N_2$ である。
 
+## 数式番号を含む数式
+
+issue: https://github.com/zenn-dev/zenn-community/issues/608
+
+数式番号を含む数式に、スクロールバーが発生しないこと
+
+$$
+\begin{align}
+J_w \ddot{\theta}_w &= T - \frac{f}{r} \\
+\end{align}
+$$
+
 ## 折りたたみ
 
 :::details 詳細
diff --git a/packages/zenn-content-css/src/_embed.scss b/packages/zenn-content-css/src/_embed.scss
index 0e13ca96..91b199bd 100644
--- a/packages/zenn-content-css/src/_embed.scss
+++ b/packages/zenn-content-css/src/_embed.scss
@@ -56,12 +56,23 @@ span.embed-block {
   margin: 1.5rem auto;
 }
 
+embed-katex {
+  // issue: https://github.com/zenn-dev/zenn-community/issues/327
+  // 横に長い要素がはみ出さないようにはスクロールバーを有効化する
+  overflow-x: auto;
+  // issue: https://github.com/zenn-dev/zenn-community/issues/608
+  // .katex .vlist-t2 に指定されているネガティブマージン（margin-right: -2px）により一部のブラウザでスクロールバーが表示されるため
+  // ネガティブマージンを相殺するパディングを親要素に設定する
+  padding-right: 2px;
+}
+
 // prevent katex overflow
 // for inline $foo$
 embed-katex:not([display-mode='1']) {
-  display: inline-flex; // Don't use inline-block here.
-  overflow-x: auto;
+  display: inline-flex;
   max-width: 100%;
+  // issue: https://github.com/zenn-dev/zenn-editor/pull/216
+  // インライン要素ではいかなる場合でもスクロールバーを表示しない
   -ms-overflow-style: none;
   scrollbar-width: none;
   &::-webkit-scrollbar {
@@ -75,5 +86,4 @@ embed-katex:not([display-mode='1']) {
 embed-katex[display-mode='1'] {
   display: block;
   width: 100%;
-  overflow-x: auto;
 }

From 91346305f209d43c1a895c117beb4986a62d394f Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 4 Jun 2024 08:35:30 +0000
Subject: [PATCH 13/13] v0.1.154-alpha.3

---
 lerna.json                                | 2 +-
 packages/zenn-cli/package.json            | 2 +-
 packages/zenn-content-css/package.json    | 2 +-
 packages/zenn-embed-elements/package.json | 2 +-
 packages/zenn-markdown-html/package.json  | 2 +-
 packages/zenn-model/package.json          | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/lerna.json b/lerna.json
index 962420ba..3fbd07d7 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,6 +2,6 @@
   "packages": [
     "packages/*"
   ],
-  "version": "0.1.154-alpha.2",
+  "version": "0.1.154-alpha.3",
   "npmClient": "pnpm"
 }
diff --git a/packages/zenn-cli/package.json b/packages/zenn-cli/package.json
index 486e5948..a3832b5f 100644
--- a/packages/zenn-cli/package.json
+++ b/packages/zenn-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-cli",
-  "version": "0.1.154-alpha.2",
+  "version": "0.1.154-alpha.3",
   "description": "Preview Zenn content locally.",
   "repository": {
     "type": "git",
diff --git a/packages/zenn-content-css/package.json b/packages/zenn-content-css/package.json
index 5223c2d0..c33f5614 100644
--- a/packages/zenn-content-css/package.json
+++ b/packages/zenn-content-css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-content-css",
-  "version": "0.1.154-alpha.2",
+  "version": "0.1.154-alpha.3",
   "license": "MIT",
   "description": "Zenn flavor content style.",
   "repository": {
diff --git a/packages/zenn-embed-elements/package.json b/packages/zenn-embed-elements/package.json
index 05000188..1d52b1d6 100644
--- a/packages/zenn-embed-elements/package.json
+++ b/packages/zenn-embed-elements/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-embed-elements",
-  "version": "0.1.154-alpha.2",
+  "version": "0.1.154-alpha.3",
   "license": "MIT",
   "description": "Web components for embedded contents.",
   "repository": {
diff --git a/packages/zenn-markdown-html/package.json b/packages/zenn-markdown-html/package.json
index 773fdfa8..b296451b 100644
--- a/packages/zenn-markdown-html/package.json
+++ b/packages/zenn-markdown-html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-markdown-html",
-  "version": "0.1.154-alpha.2",
+  "version": "0.1.154-alpha.3",
   "license": "MIT",
   "description": "Convert markdown to zenn flavor html.",
   "main": "lib/index.js",
diff --git a/packages/zenn-model/package.json b/packages/zenn-model/package.json
index d15b8826..ebf19ae2 100644
--- a/packages/zenn-model/package.json
+++ b/packages/zenn-model/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zenn-model",
-  "version": "0.1.154-alpha.2",
+  "version": "0.1.154-alpha.3",
   "license": "MIT",
   "description": "Model utils for Zenn contents",
   "main": "lib/index.js",