博客教程

type
status
date
slug
summary
tags
category
icon
password
 
ps:所需条件GitHub ,vercel,notion 账号,域名托管 到cloudflare(非必须),会科学上网
部署步骤如下:NOTION_PAGE_ID

1.Fork 仓库并部署到 vercel

notionnext 的github 仓库:https://github.com/tangly1024/NotionNext
  • fork 到自己github
  • 登录 vercel 导入项目
  • 配置环境vercel 中Environment Variables的’NOTION_PAGE_ID’值
    • ‘NOTION_PAGE_ID’的值,需要打开notion模板项目点击右上角的‘分享’,获取页面 ID,点击右上角 Share → Publish → Publish to Web,获取分享链接。页面 ID 是链接中 site/? 之间的 32 位字符串,如:02ab3b8678004aa69e9e415905ef32a5
  • 添加到Environment Variables里
notion image
  • 最后deploy一下

2.使用域名

  • 在项目设置里domain设置
notion image
 

3.文章评论系统

  • 这里使用 Mongondb数据库
notion image
创建完数据库之后有一个链接例如mongodb+srv://hudong798:<db_password>@cluster0.m……..
复制到‘MONGODB_URI’环境
notion image
这里建议使用自定义域名,这样在国内也可以流畅评论了
notion image
最后需要修改文件仓库conf/comment.config.js中地址
notion image
Loading...

© Don 2025