Skip to content
/ blog Public

🍳 Zero-cost blog implements with Notion and Cloudflare Pages.

Notifications You must be signed in to change notification settings

ycjcl868/blog

Repository files navigation

📝 Notion Blog

一个基于 Remix 和 Notion 构建,部署在 Cloudflare Pages ,使用 Edge Function 的无成本、可实时更新的博客站点。

🔥 特性

  • 直接使用你的 Notion 页面创建博客,实时更新
  • 使用 Remix 构建,最新的技术栈
  • 已经部署到 Vercel,无需费用
  • 使用 TailwindCSS 设计简洁美观的博客
  • 支持分类标签和搜索功能
  • 支持 RSS Feed
  • 主题 Light/Dark 切换

📦 安装

使用以下指令将该项目克隆到你本地

git clone https://github.com/ycjcl868/blog

接下来,使用 pnpm 安装依赖

pnpm i

生成 Notion 数据库

复制这个 Notion 模板,并分享到 Web 公网。

🔨 本地开发

新建 .dev.vars,配置如下:

NOTION_PAGE_ID=xxxx   # Notion 共享到 Web 时的 ID,通常是地址后 32 位数字
NOTION_ACCESS_TOKEN=secret_xxx # 在这里申请一个 TOKEN:https://developers.notion.com/docs/create-a-notion-integration

然后执行启动命令:

npm run start

访问 localhost:3000 即可访问

📝 发表你的想法

如果你有任何建议,欢迎提交 issue 或者 pull request。