Lexical 语法覆盖 · 本地文章

这是一篇写入本地 Core 的真实测试文章：它把原 Lexical showcase 的完整语法覆盖放回生产文章壳子，供后续页面回归检查。

一、行内排版

行内可施 粗体、斜体、删除线、下划线、inline code；可缀链接如 innei.in，或 autolink: https://github.com/Innei/Yohaku。

日语之 ruby 标音示例：紅葉もみじ、東京とうきょう。

社交平台 mention：innei 与 @innei。

二、标题与段落

h3 子标题

段落数行散布。

“

引文一则：天地有大美而不言。

—— 庄子，《知北游》

三、列表与任务

• 无序首项
• 嵌套：
  • 子项 A
  • 子项 B
• 末项

1. 有序首项
2. 有序次项
3. 有序末项

• 已成：写 fixture
• 已成：接 mock adapter
• 待办：覆盖 edge cases

四、代码

import { useState } from 'react'

export function Counter() {
  const [count, setCount] = useState(0)
  return <button onClick={() => setCount((c) => c + 1)}>{count}</button>
}

五、引用与提示

六、媒体

单图：

图集（grid）：

视频：

Embed（YouTube）：

Link card：

Repository · Innei

4.3k

Shiro

📜 A minimalist personal website embodying the purity of paper and freshness of snow.

TypeScript

七、表格与折叠

八、图与图灵机

Mermaid 流程图：

Mermaid 序列图：

Excalidraw 白板：

九、Chat 与投票

User · Agent 对话：

单选 poll：

十、嵌套文档

Nested doc 是一份独立的 SerializedEditorState 之块，点击展开可见全文。

嵌套之子文档

此子文档本身亦是一份 Lexical state，含 paragraph、code、image 等节点。下面的代码块使用 Markdown fenced syntax 粘贴进 Lexical，前端由 Shiki 渲染。

十一、补充布局与扩展节点

这一节使用后台 Lexical 数据作为唯一来源，验证图片、代码块、链接和长文本等常见节点。

图片使用站内测试内容已有的公开地址，避免依赖前台 fixture 或本地相对路径。

代码块：

链接：Google

import { useState } from "react"
export function Counter() {
  const [count, setCount] = useState(0)
  return <button onClick={() => setCount(count + 1)}>{count}</button>
}

Markdown 脚注侧注测试

开头先放两条引用「阅读进度轨」1和「富格式侧注」2，确认脚注从 Lexical 内容中生成并在桌面端移动到左侧。

继续放几段正文，让侧注不集中在一起。侧注应跟随引用位置，移动端则回到正文流。这里保留足够的文字观察桌面布局。

这里是文章中段引用3，用于检查较大的纵向间距。

文章靠后再放一条引用4，确认编号按首次引用顺序增加。

最后一段放置返回引用5，检查返回箭头回到正确的引用位置。