MFM

MFM ย่อมาจากภาษามาร์กอัปสำหรับ Misskey และเป็นภาษามาร์กอัปที่เป็นกรรมสิทธิ์ซึ่งสามารถนำไปใช้ในที่ต่างๆ ใน ​​Misskeyบางอย่างเข้ากันได้กับ Markdown และ HTML

ตัวอย่างการใช้งาน MFM

• โน้ตข้อความ
• หมายเหตุ CW
• ชื่อผู้ใช้
• ข้อความแนะนำตัวของผู้ใช้

ไวยากรณ์

กล่าวถึง

คุณสามารถระบุผู้ใช้โดยใช้ At-Symbol และชื่อผู้ใช้ได้นะ

@ai

แสดงตัวอย่าง

@ai

@[email protected]

แสดงตัวอย่าง

@repo@p1.a9z.dev

แฮชแท็ก

คุณสามารถระบุแฮชแท็กด้วยเครื่องหมายตัวเลข + แท็ก

#misskey

URL

สามารถแสดง URL ได้นะ

https://example.com

ลิงก์

คุณสามารถเชื่อมโยงช่วงข้อความที่ต้องการกับ URL ได้

[example link](https://example.com)

?[example link](https://example.com)

อีโมจิที่กำหนดเอง

คุณสามารถแสดงอิโมจิแบบกำหนดเองได้โดยใส่เครื่องหมายโคลอนล้อมรอบชื่ออิโมจิแบบกำหนดเอง

:misskey:

แสดงตัวอย่าง

ตัวหนา

คุณสามารถแสดงข้อความตัวหนาเพื่อเน้นได้

**ตัวหนา**

ขนาดเล็ก

คุณสามารถทำให้เนื้อหาถูกแสดงให้เล็กลงและบางลงได้

<small>โลกของ Fediverse กำลังขยายออกไปด้วย Misskey</small>

อ้างอิง

内容が引用であることを示すことができます。

> MisskeyでFediverseの世界が広がります

中央寄せ

内容を中央寄せで表示させることができます。

<center>MisskeyでFediverseの世界が広がります</center>

よみがな（ルビ）

内容によみがなを付けることができます。

$[ruby Misskey ミスキー] 

コード(インライン)

プログラムなどのコードをインラインでシンタックスハイライトします。

`<: "Hello, world!"`

コード(ブロック)

複数行のプログラムなどのコードをブロックでシンタックスハイライトします。

プログラミング言語をIDで指定すると、その言語でシンタックスハイライトが適用されます。指定できる言語は次のとおりです：

• Shikiが対応している言語（200以上）
• AiScript: aiscript, ais, is のいずれかを指定すると使用できます。

```ais
for (let i, 100) {
    <: if ((i % 15) == 0) "FizzBuzz"
        elif ((i % 3) == 0) "Fizz"
        elif ((i % 5) == 0) "Buzz"
        else i
}
```

反転

内容を上下または左右に反転させます。

$[flip MisskeyでFediverseの世界が広がります]
$[flip.v MisskeyでFediverseの世界が広がります]
$[flip.h,v MisskeyでFediverseの世界が広がります]

フォント

内容のフォントを指定することができます。

$[font.serif MisskeyでFediverseの世界が広がります]
$[font.monospace MisskeyでFediverseの世界が広がります]
$[font.cursive MisskeyでFediverseの世界が広がります]
$[font.fantasy MisskeyでFediverseの世界が広がります]

ぼかし

内容をぼかすことができます。ポインターを上に乗せるとはっきり見えるようになります。

$[blur MisskeyでFediverseの世界が広がります]

検索

検索ボックスを表示できます。

misskey 検索

文字色・背景色

文字色と背景色を変更することができます。

3,4,6桁のカラーコードで色を表現します。

$[fg.color=f00 赤字]
$[bg.color=ff0 黄背景]

枠線

内容を枠線で囲むことができます。様々なスタイルを指定することができます。

$[border.style=solid,width=4 Default]

$[border.style=hidden No border]

$[border.style=dotted,width=2 Dotted]
$[border.style=dashed,width=2 Dashed]
$[border.style=double,width=4 Double]

$[border.style=groove,width=4 Embossed A]
$[border.style=ridge,width=4 Embossed B]

$[border.style=inset,width=4 Inset A]
$[border.style=outset,width=4 Inset B]

$[border.color=d00 Border color]
$[border.width=5 Border width]

$[border.radius=6,width=2 Border radius]

$[border.radius=5,width=2,color=888 $[position.x=1.5 ＣＳＳ]
$[position.x=1.5 完全に理解した]]

$[border.radius=5,width=2,color=888,noclip $[position.x=1.5 ＣＳＳ]
$[position.x=1.5 完全に理解した]]

角度変更

指定した角度で回転させます。

$[rotate.deg=30 misskey]

การเปลี่ยนตำแหน่ง

คุณสามารถย้ายตำแหน่งได้

😏$[position.x=0.8,y=0.5 🍮]😀

แสดงตัวอย่าง

การขยาย

แสดงข้อความโดยการขยายขนาดออก

$[scale.x=4,y=2 🍮]

แสดงตัวอย่าง

$[x2 x2]
$[x3 x3]
$[x4 x4]

แอนิเมชั่น (เยลลี่)

$[jelly 🍮] $[jelly.speed=5s 🍮]

แสดงตัวอย่าง

แอนิเมชั่น (ธาดา)

$[tada 🍮] $[tada.speed=5s 🍮]

แสดงตัวอย่าง

อนิเมชั่น (กระโดด)

$[jump 🍮] $[jump.speed=5s 🍮]

แสดงตัวอย่าง

อนิเมชั่น (เด้ง)

$[bounce 🍮] $[bounce.speed=5s 🍮]

แสดงตัวอย่าง

แอนิเมชั่น (สปิน)

$[spin 🍮] $[spin.left 🍮] $[spin.alternate 🍮]
$[spin.x 🍮] $[spin.x,left 🍮] $[spin.x,alternate 🍮]
$[spin.y 🍮] $[spin.y,left 🍮] $[spin.y,alternate 🍮]

$[spin.speed=5s 🍮]

แสดงตัวอย่าง

อนิเมชั่น (เขย่า)

$[shake 🍮] $[shake.speed=5s 🍮]

แสดงตัวอย่าง

แอนิเมชั่น (หยิก)

$[twitch 🍮] $[twitch.speed=5s 🍮]

แสดงตัวอย่าง

รุ้ง

$[rainbow 🍮] $[rainbow.speed=5s 🍮]
$[rainbow 色なし文字]
$[rainbow $[fg.color=f0f 色付き文字]]

แสดงตัวอย่าง

色なし文字
色付き文字

แวววาว

$[sparkle 🍮]

แสดงตัวอย่าง

ข้อความธรรมดา

ปิดการใช้งานการจัดรูปแบบเนื้อหา

<plain>**bold** @mention #hashtag `code` $[x2 🍮]</plain>

ข้อมูลสำหรับนักพัฒนาข้อมูลสำหรับนักพัฒนา

การวิเคราะห์และการเรนเดอร์ MFM ได้รับการเผยแพร่เป็นไลบรารี ทำให้สามารถรวม MFM เข้ากับไคลเอนต์ได้ง่าย

• misskey-dev/mfm.js - การนำตัววิเคราะห์ JavaScript ไปใช้งาน
• mfm-renderer - Vue.js component
• mfm.kt - การนำตัววิเคราะห์ Kotlin ไปใช้
• mfm_parser - การใช้งาน Dart parser
• mfm - วิดเจ็ตการเรนเดอร์ Flutter