2分钟手搓一个人人都能用的最简单的 notion 评论系统

2025-07-10👁️

NotionComments

基于 Notion 数据库的简单评论组件系统

特点

零配置数据库：直接使用 Notion 作为后端存储

支持嵌套评论：可以无限层级回复

简洁易用：只需配置环境变量即可使用

响应式设计：适配各种屏幕尺寸

Edge Runtime：快速的响应速度

使用方法

1. 环境配置

NOTION_COMMENT_DATABASE_ID=your_database_id NOTION_TOKEN=your_notion_token

2. Notion 数据库配置

在 Notion 中创建数据库，需要包含以下字段：

PostId (title)

ParentId (text)

Content (text)

IpAddress (text)

Author (email)

Level (number)

3. 组件使用

4.开源网址, 核心就两个文件, 一个 api, 一个组件.

2分钟手搓一个人人都能用的最简单的 notion 评论系统

2025-07-10👁️

<html> <head> <meta charset="utf-8"> <style> .typing { width: 100em; height: 1.25em; border-right: 1px solid transparent; animation: typing 3.5s steps(200, end); font-family: Consolas, Monaco; word-break: break-all; overflow: hidden; } /* 打印效果 */ @keyframes typing { from { width: 0; } to { width: 100em; } } </style> </head> <body> <p class="typing"> Sure, please provide me with the text you want me to summarize and I will summarize it for you. You can also specify the desired length of the summary, such as "short" for a summary of under 100 words, "medium" for a summary of 100-250 words, or "long" for a summary of more than 250 words. </p> </body> </html>