跳转到内容
JoeSay
返回首页

Notion后端集成

更新:

本次更新集成了Notion后端,可以直接在Notion写文章,前台会定时同步。

另外解决了图片时效性问题。

让我试着放一张照片看看。

To do list:

  • 统一内容源至 Notion,notion模板优化

AI回复重构:

用户已经完成了以下决策:

  1. Site Config 结构:预定义核心 Interface + 容错策略
  2. Posts 数据库扩展:加 Type 属性
  3. 实现方式:选 A(增强现有架构)
  4. 迁移:用户会按指南操作 现在用户要求我给出详细的 Site Config 数据清单。让我整理一下需要填入的数据。 根据现有项目结构,我需要梳理:
  • src/config.ts 中的 SITE 配置
  • src/constants.ts 中的 SOCIALS 配置 然后制定迁移清单。 让我分析现有配置: SITE 配置 (src/config.ts):
  • website
  • author
  • profile (头像 URL)
  • desc (描述)
  • title (标题)
  • ogImage
  • lightAndDarkMode
  • postPerIndex
  • postPerPage
  • scheduledPostMargin
  • showArchives
  • showBackButton
  • editPost (enabled, text, url)
  • dynamicOgImage
  • dir
  • lang
  • timezone SOCIALS 配置 (src/constants.ts):
  • GitHub
  • Mail 还有 SHARE_LINKS。 我需要将这些配置映射到 Notion 的 Site Config 数据库中,确保迁移过程清晰且全面。 根据你的现有配置,这里是 Copy-Paste 级别的 Site Config 创建指南:

🚀 Site Config 详细创建指南 步骤 1:创建数据库 在 Notion 中新建一个空白 Page,输入 /table 创建 Table View 数据库,命名为 Site Config。 步骤 2:配置列 (Properties)

列名 类型 说明
Key Title (重命名原有的) 变量名
Value Text 变量值
Description Text (可选) 备注说明
步骤 3:填入数据
按以下表格逐行添加:
Key Value Description
----- ------- -------------
SITE_TITLE 你的博客标题 网站显示标题
SITE_DESCRIPTION 分享你的想法和经验 SEO 描述
AVATAR https://your-avatar-url.com/image.jpg 头像图片地址
BIO 我是谁,一句话介绍 首页简介
WEBSITE https://your-domain.com 网站域名
OG_IMAGE astropaper-og.webp 默认 OG 图片文件名
LIGHT_DARK_MODE true 是否启用深色模式
POST_PER_INDEX 4 首页显示文章数
POST_PER_PAGE 8 分页显示文章数
SHOW_ARCHIVES true 是否显示归档
SHOW_BACK_BUTTON true 是否显示返回按钮
DYNAMIC_OG_IMAGE true 是否启用动态 OG Image
SITE_LANG zh 网站语言
SITE_TIMEZONE Asia/Shanghai 时区
EDIT_POST_ENABLED true 是否显示编辑链接
EDIT_POST_URL https://github.com/yourname/yourrepo/edit/main/ 编辑链接前缀
EDIT_POST_TEXT 编辑页面 编辑链接文字
SOCIAL_GITHUB https://github.com/your-username GitHub 链接
SOCIAL_MAIL mailto:your-email@example.com 邮箱链接
SOCIAL_TWITTER https://x.com/your-username Twitter/X 链接
SOCIAL_FACEBOOK https://facebook.com/your-username Facebook 链接
SOCIAL_TELEGRAM https://t.me/your-username Telegram 链接
SOCIAL_WHATSAPP https://wa.me/your-number WhatsApp 链接
SOCIAL_WEIBO https://weibo.com/your-username 微博链接
SOCIAL_PINTEREST https://pinterest.com/your-username Pinterest 链接

步骤 4:获取数据库 ID

创建完成后,从浏览器地址栏获取数据库 ID: https://notion.so/your-workspace/8a2b3c4d5e6f... ?v=... ^^^^^^^^^^^^ 这串就是数据库 ID

步骤 5:更新 .env 文件

NOTION_SITE_CONFIG_DATABASE_ID=你刚获取的ID

📋 现有 Posts 数据库改造

步骤 操作
1 打开现有文章数据库
2 添加新 Property: Type (Select)
3 添加选项: Post (设为默认) 和 Page
4 全选旧文章 → 批量设为 Post
5 新建一行:Title=关于我, Slug=about, Type=Page

完成以上步骤后,告诉我:

  1. NOTION_SITE_CONFIG_DATABASE_ID 的值
  2. 确认 Posts 数据库已添加 Type 属性并创建关于页 然后我会开始修改 src/lib/notion.ts 实现核心逻辑

分享到:

评论

正在连接评论服务器...
上一篇
农村少年的 AI 救赎:对抗平庸,找回那个“没读成的计算机系”
下一篇
人和人的差距,可能在执行力上