Quaily はGitHub Flavored Markdown仕様を投稿を書くための基本的な構文として使用しています。詳細についてはGFM仕様を参照してください。

GFMではサポートされていないが、Quailyでサポートされている構文もあります。以下にそれらを列挙します。

📧 メールの互換性

以下の構文のほとんどは現在クライアントブラウザでのみレンダリングされ、メールでは表示できません。

テキストスタイル

~~取り消し線~~

==ハイライトテキスト==

取り消し線

ハイライトテキスト

脚注

QuailyはPHP Markdown Extraスタイルの脚注をサポートしています。各脚注は2つの部分で構成されます:本文中の上付き数字になるマーカー[^N]と、文書の最後に表示される脚注本体です。

脚注マーカーは文書のどこにでも配置できますが、脚注自体は常に文書の最後に表示されます。

以下は例です:

「善意の道は地獄への道」は格言または警句です。
別の形として「地獄は善意に満ちているが、天国は善行に満ちている」があります。[^1]

この格言の正確な起源は不明で、いくつかのバリエーションが存在します。
1828年のロンドンの新聞に完全な形で登場し、ポルトガルの格言として言及されています。[^2]
また、1855年のヘンリー・G・ボーンの『格言ハンドブック』にも掲載されています。[^3]

...

[^1]: "the road to Hell is paved with good intentions", Proverbs, Infobase Publishing, 2007, p. 234, ISBN 9780816066735
[^2]: "2 Nov 1828, 1 - The Weekly Dispatch at Newspapers.com". Newspapers.com. 2022年4月11日閲覧。
[^3]: Bohn, Henry (1855), A Hand-book of Proverbs

画像

画像にキャプションを追加:

![](https://static.quail.ink/media/qn2u29wq.webp "庭で遊ぶ女の子と男の子")

An image to describe 庭で遊ぶ女の子と男の子 庭で遊ぶ女の子と男の子

画像の幅を指定:

![](https://static.quail.ink/media/qn2u29wq.webp?w=120px)

An image to describe post

埋め込み動画とオブジェクト

サードパーティの動画リンクやオブジェクトをQuailyの投稿に埋め込むことができます。現在、Quailyは以下の動画およびオブジェクトプロバイダーをサポートしています:

  • YouTube
  • Bilbili
  • X.com(旧Twitter)
  • TradingView
  • Quailyのリストとポスト
  • Dify
  • Spotify
  • HTML5 Audio

埋め込み構文は画像に使用される構文と同じです。

YouTube & Bilibili

![](https://youtu.be/dQw4w9WgXcQ?si=0kalBBLQpIXT1Wcd)

![](https://www.bilibili.com/video/BV1uT4y1P7CX)

X.com (formerly Twitter)

![](https://twitter.com/NASA/status/1704954156149084293)

TradingView

![](https://www.tradingview.com/chart/AA0aBB8c/?symbol=BITFINEX%3ABTCUSD)

Quaily Channels and Posts

![](https://quaily.com/blog)

![](https://quaily.com/blog/p/quail-weekly-19)

Dify Widget

![](https://udify.app/chatbot/1NaVTsaJ1t54UrNE)

Spotify Embed

![](https://open.spotify.com/track/5vdp5UmvTsnMEMESIF2Ym7)

HTML5 Audio

![](https://cdn1.suno.ai/fc991b95-e4e9-4c8f-87e8-e5e4560755e7.mp3)

フェンスブロック

フェンスブロック構文を使用してスタイル付きのテキストブロックを作成できます。構文は:::で始まり、:::で終わります。

ブロックの最初の行はブロックのタイプとタイトルで、残りの部分がコンテンツです。

定義済みのブロックタイプは:infotipwarningdangerinfoです。

以下は例です:

:::info
これは情報ブロックで、通常読者に追加情報を伝えるために使用されます。例:ブドウは食べられる果物の一種です。
:::

:::tip
これはヒントで、通常読者にアドバイスを伝えるために使用されます。例:ブドウは皮を吐き出さずに食べることができます。
:::

:::warning
これは警告で、通常読者に注意を促すために使用されます。例:ブドウをよく噛まないと窒息する可能性があるので、口の中のブドウに注意してください。
:::

:::danger
これは危険メッセージで、通常危険な操作を強調するために使用されます。例:ブドウによる窒息は死に至る可能性があります。ご注意ください!
:::
INFO

これは情報ブロックで、通常読者に追加情報を伝えるために使用されます。例:ブドウは食べられる果物の一種です。

TIP

これはヒントで、通常読者にアドバイスを伝えるために使用されます。例:ブドウは皮を吐き出さずに食べることができます。

WARNING

これは警告で、通常読者に注意を促すために使用されます。例:ブドウをよく噛まないと窒息する可能性があるので、口の中のブドウに注意してください。

DANGER

これは危険メッセージで、通常危険な操作を強調するために使用されます。例:ブドウによる窒息は死に至る可能性があります。ご注意ください!

作者はブロックにタイトルを付けることもできます:

:::danger 重要なお知らせ
ブドウは無実です。ブドウを食べることで死に至る可能性があるからといって、ブドウの栽培を禁止しないでください。
:::
重要なお知らせ

ブドウは無実です。ブドウを食べることで死に至る可能性があるからといって、ブドウの栽培を禁止しないでください。

方程式、数式

QuailyはMathJaxを使用して方程式や数式をレンダリングします。これは科学技術記事を書くのに便利です(投稿オプションで「MathJaxを有効にする」をオンにしてください)。例えば:

$$
\int f(x)dx \\
\int_1^\infty \frac{1}{x^2}dx
$$

次のようにレンダリングされます:

\[\int f(x)dx \\ \int_1^\infty \frac{1}{x^2}dx \]

Mermaidダイアグラム

Quailyはmermaid.jsを使用してダイアグラムをレンダリングします。これも科学技術記事を書くのに優れたツールです。

構文は以下の通りです:

sequenceDiagram
    Alice->>John: こんにちは、John。お元気ですか?
    John-->>Alice: 元気だよ!
    Alice-)John: では、また後で!
```mermaid
sequenceDiagram
    Alice->>John: こんにちは、John。お元気ですか?
    John-->>Alice: 元気だよ!
    Alice-)John: では、また後で!
```