希魔王的塔罗牌

在 Nextjs 中初始化 eslint v9 以及 prettier，并将其结合起来共同维护代码质量

在 Nextjs 中进行路由跳转的时候，会加载跳转页的数据，如果网络状态不是特别好的话，给用户的感觉就像是点击了跳转但是没有任何反应，因为还在加载下一页的数据。 这时候如果有一个加载条，提示用户

什么是 Zod Zod：github 是一个 TypeScript 优先的数据格式声明和验证库。用过其特有的语法来声明数据的类型。 使用 Zod 只需要声明一次，就可以由 Zod 自动推断出 TS 的

最近换了新的Macbook，记录一下如何从零配置前端的基础开发环境和mac常用的一些软件。方便以后快速搭建环境

在写文章的过程中，经常都会有使用gif图的需求；比如一些动画，单纯使用图片无法很好的展示效果，用视频的话又太臃肿了，所以gif图是非常好的选择

文字颜色选择器 我们之前已经安装了Color插件，已经支持了文字颜色的支持。所以我们可以直接编写组件，首先写一个颜色选择器组件，这里我们使用react-colorful这个库为基础来封装颜色选择器。

引言 在当今数字化的时代，数据传输的方式多种多样，但有时候我们可能会面临没有网络连接的情况。这时，libcimbar 就成为了一个非常实用的工具。它是一种用于数据传输的工具，通过将文件编码为彩色图标二

初始化浮动菜单 在之前文章的操作已经支持了富文本大部分的元素，但是仅仅是可以展示，还没有一个方便的UI来编辑文本 传统的富文本编辑器操作文本的组件都是在顶部，但是像notion、飞书文档等都是采用浮动

设置tiptap私有仓库 tiptap有一些库是存在私有仓库中的，需要注册tiptap的账号，获取仓库的访问权限。 首先打开网站cloud-tiptap，注册账号之后打开pro-extensions