使用 TinaCMS 搭建静态博客
演示 MDX 内容与自定义交互组件如何在可视化编辑器中协同工作。
欢迎
这篇文章用来验证 MDX 渲染 与 自定义交互组件 是否都能正常工作。
提示框组件
交互组件
下面这个计数器是纯客户端组件，在静态站点上也能正常交互：
点击次数：0
标签页
interface Post {
title: string;
date: string;
}
图片与视频
代码块
ts
export default defineConfig({
schema: {
collections: [
{ name: 'post', path: 'content/posts', format: 'mdx', fields: [] },
],
},
});表格与引用
| 能力 | 是否支持 |
|---|---|
| 可视化编辑 | ✅ |
| MDX 自定义组件 | ✅ |
| 纯静态部署 | ✅ |
内容保存在 Git 仓库里，编辑器保存即提交。