本教程介绍如何设计一个可切换编辑引擎的编辑器组件。通过适配器模式,我们将具体编辑器的 API 抽象为统一接口,使 UI 组件与编辑器实现解耦。
-
Mar 30, 2026
编辑器菜单栏组件设计文档
-
Mar 22, 2026
聊斋志异时间线:基于故事年份的梳理
《聊斋志异》近五百篇故事,时间跨度从明末到清康熙末年。如果要为这些故事建立统一的世界观,时间线是基础。本文梳理了故事中明确标注年份的内容,按时间顺序排列。
-
Mar 21, 2026
Jekyll 分页与分类归档:jekyll-paginate-v2 使用指南
Jekyll 官方维护的
jekyll-paginate早已停止更新,且不支持autopages(自动生成分类/标签分页)。jekyll-paginate-v2是目前更推荐的方案,支持分页和自动生成分类/标签归档页面。 -
Mar 21, 2026
聊斋志异:花妖狐魅皆友情,人鬼情未了
如果让我推荐一部值得一读的中国古典小说,我会选《聊斋志异》。
这倒不是因为它文学成就最高——论格局宏大不如《红楼梦》,论市井烟火不及《水浒传》,论神魔斗法也难比《西游记》。但若说要找一部最会讲故事、最让人放不下的书,那蒲松龄这本”鬼狐大全”绝对当仁不让。
-
Mar 20, 2026
在 Tiptap 编辑器中实现 Slash Command 功能
本项目基于 Tiptap 官方 experiment 项目 Slash Commands 重构为 React 版本。
功能概述
本项目实现了一个基于 Tiptap 编辑器的 Slash Command 功能,允许用户在编辑器中输入
/触发命令建议列表,然后选择相应的命令执行操作,如添加标题、设置文本格式等。 -
Slash Commands allow users to trigger actions by typing
/in the editor, displaying a list of available commands. This article will detail how to integrate Slash Commands into a Tiptap editor in Next.js.This tutorial is based on the official Tiptap experiment Slash Commands, originally a Vue implementation ported to React.
-
Tiptap is a popular headless rich text editor built on top of ProseMirror, offering rich functionality and flexible customization capabilities. This article will detail how to integrate the Tiptap editor into a Next.js project.
-
Mar 19, 2026
A post with an image

This is an example post that features an image.
-
Mar 18, 2026
pnpm + monorepo 初始化 Tauri2 + Next.js16 项目
本教程逐步演示从零搭建一个 Tauri 2 桌面应用。主要通过官方工具链,以 Next.js 16 为前端,Rust 为后端,结合
pnpm workspace构建一个可维护的现代化monorepo项目。教程涵盖了从环境配置、创建项目、集成 Tauri、编写前后端通信代码,到最终打包的完整流程。项目将实现一个可展示实时时间的示例应用,并通过创建共享包来实践模块化开发。 -
Mar 17, 2026
Welcome!
Welcome to my personal website!