MixSpace的md语法扩展
Markdown 自带语法
1.1 标题
# H1
## H2
### H3
#### H41.2 样式
*斜体*
**粗体**
==高亮==
~~删除线~~
> 引用1.3 列表
1.3.1 无序列表
- Item
* Item
+ Item1.3.2 有序列表
1. Item1
2. Item2
3. Item31.3.3 待办列表
- [ ] Incomplete item
- [x] Complete item1.4 链接
1.4.1 文字链接
[点击跳转](http://example.com)
1.4.2 图片链接
1.4.3 固定大小的图片
1.5 代码
```JAVA
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World");
}
}
```1.6 表格
| 列1 | 列2 | 列3 |
|----|----|----|
| R1C1 | R1C2 | R1C3 |
| R2C1 | R2C2 | R2C3 |
| R3C1 | R3C2 | R3C3 |
| R4C1 | R4C2 | R4C3 |1.7 分割线
***1.8 公式
$$
\Gamma(z)=\int_0^\infty t^{z-1}e^{-t}dt.
$$MixSpace 外挂标签
文本 Token
下划线++Something Insert++
Something Insert
隐藏块||Hiden||
Hiden
横幅 Banner
警示横幅
::: warning
_here be dragons_
:::here be dragons
警告横幅
::: banner {error}
_here be dragons_
:::here be dragons
标签引用 Alert
> [!NOTE]
> Highlights information that users should take into account, even when skimming.
> [!IMPORTANT]
> Crucial information necessary for users to succeed.
> [!WARNING]
> Critical content demanding immediate user attention due to potential risks.笔记
NoteHighlights information that users should take into account, even when skimming.
重点
ImportantCrucial information necessary for users to succeed.
警告
WarningCritical content demanding immediate user attention due to potential risks.
相册 Gallery
::: gallery
https://loremflickr.com/640/480/city?1
https://loremflickr.com/640/480/city?2
https://loremflickr.com/640/480/city?3
:::网格排布 Grid
网格内容可添加其它Markdown语法，grid参数见下表：
| 参数名 | 作用 |
|---|---|
| cols (必选) | 网格列数 |
| rows (可选) | 网格行数 |
| gap (可选) | 内容间距 |
| type (可选) | 内容类型 |
源码示例：
::: grid {cols=3,gap=4}
Grid 1
Grid 2
Grid 3
https://loremflickr.com/640/480/city?1
https://loremflickr.com/640/480/city?2
https://loremflickr.com/640/480/city?3
:::::: grid {cols=3,rows=2,gap=12,type=images}
:::文本抽屉 Collapse
示例源码:
<details>
<summary>点击展开</summary>
这里是展开内容，可添加其它Markdown语法一起使用
</details>渲染演示:
Rich Link
外链icon
实时渲染
Youtobe视频： https://www.youtube.com/watch?v=yy6IuuT9zG4
Bilibili视频： https://www.bilibili.com/video/BV1fY4y1F7GL/?spm_id_from=333.337.search-card.all.click&vd_source=316cad9a0dc4cd1132cd2697cb80a0b0
哔哩哔哩视频加载中...
Twitter帖子： https://twitter.com/AboutMusicYT/status/1789192652610576393
Github仓库源码： https://github.com/Innei/Shiro/blob/108d4c3e927e1c9c9304e41a0631f91958477d9f/src/providers/root/modal-stack-provider.tsx
CodeSandbox： https://codesandbox.io/s/framer-motion-layoutroot-prop-forked-p39g96
链接卡片
LinkCard - GitHub Repo
https://github.com/Innei/ShiroLinkCard - GitHub Commit
<LinkCard source="gh-commit" id="mx-space/kami/commit/e1eee4136c21ab03ab5690e17025777984c362a0">
内联公式 KateX
$ c = \pm\sqrt{a^2 + b^2} $$c = \pm\sqrt{a^2 + b^2}$$$
P\left(U,T\right)=100\left.\left(0.6\min\left(1,\frac{U-0.70}{0.90-0.70}\right)+0.4\min\left(1,\frac{T-4000}{14000-4000}\right)\right)\right.
$$埃克赛尔绘图 Excalidraw
```excalidraw
{"type":"excalidraw/clipboard","elements":[{"type":"rectangle","version":14,"versionNonce":1361369853,"isDeleted":false,"id":"_PSpf6pLwkWIJubC_tf9D","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":1,"opacity":100,"angle":0,"x":545.0390625,"y":387.296875,"strokeColor":"#1e1e1e","backgroundColor":"transparent","width":177.53515625,"height":138.328125,"seed":1495751197,"groupIds":[],"frameId":null,"roundness":{"type":3},"boundElements":[],"updated":1706954302946,"link":null,"locked":false}],"files":{}}
```Excalidraw Loading...
React 远程组件渲染
```component
import=https://cdn.jsdelivr.net/npm/@innei/react-cdn-components@0.0.7/dist/components/Firework.js
name=MDX.Firework
height=25
```Component Loading...