用 Craft.do 生成一个博客 — Next-Craft

slug
next_craft
date
Apr 24, 2022
summary
使用 Craft.do API 和 Next.js 生成一个静态网站，并在 Craft.do 中管理所有内容。
tags
Website
Craft.do
Next.js
status
Published
type
Post
源代码演示站点部署说明快速部署部署详细图文设置域名
💡
这里有一个非官方的 Craft.do Telegram 中文交流群: @craft_do
在去年的九月份, 我曾经发布过一个基于 Cloudflare Worker 实现自定义 Craft.do 分享页面域名的脚本. 最近发现 Next.js 也支持类似 Cloudflare Worker 的 rewrite 功能, 所以尝试改进一下去年的那个脚本, 移植到了 Next.js 上.

源代码

GitHub - izuolan/next-craft: Using Craft.do pages as a blog
Using Craft.do API and Next.js to generate a static site, and manage all content in Craft.do. Create a new page in Craft.do, with a title of your choice (e.g. "Site Configuration"), and make it public, the content of the page should follow this format: Refer to this page for the format: Demo Config, You can use backlinks in the title.
GitHub - izuolan/next-craft: Using Craft.do pages as a blogGitHub - izuolan/next-craft: Using Craft.do pages as a blog
https://github.com/izuolan/next-craft
GitHub - izuolan/next-craft: Using Craft.do pages as a blogGitHub - izuolan/next-craft: Using Craft.do pages as a blog

演示站点

Next Craft
Next Craft
https://next-craft.vercel.app/
Next CraftNext Craft
左蓝的笔记
一些待整理的笔记和碎碎念.
https://zuolan.me/notes
左蓝的笔记左蓝的笔记

部署说明

快速部署

  1. 复制 这个 配置模板页面 到你的空间, 然后 共享 你的配置页面.
  1. 点击打开 Next-Craft 的 GitHub 页面, 给它一个星星, 然后 Fork 一份到你的账号下.
  1. 在 blog.config.js 文件中替换 craftConfigShareUrl 这一项, 替换为上面你自己 共享 的配置页面链接.
  1. 部署到 Vercel 或其他托管服务提供商上.

部署详细图文

复制 这个 配置模板页面 到你的空间:
notion imagenotion image
共享 你的配置页面, 并记下来, 一会就用到:
notion imagenotion image
打开 Next-Craft 的 GitHub 页面, 点一下 Star 以示鼓励 (先谢谢啦), 然后 Fork 一份到你的账号下:
notion imagenotion image
在你的仓库下, 找到 blog.config.js 这个文件, 点击修改该按钮, 用你上面分享的配置页面的链接替换文件中 craftConfigShareUrl 那一项的内容:
notion imagenotion image
到这里你的网站就完成了部署前的操作了. 下面开始部署这个服务. 首先打开 Vercel 的页面, 可以直接用 GitHub 登录.
新建一个 Vercel 项目, 点击导入 GitHub 的仓库, 跳过创建团队 (Vercel 增值服务), 其他内容保持默认, 点击 Deploy 就完成部署了.
notion imagenotion image
💡
如果部署遇到问题, 请点击 私信 页面, 可以快速与我取得联系.

设置域名

打开你的 Vercel 项目, 然后选择 Setting—>Domains, 添加你的域名, 按照提示设置并等待生效即可.
notion imagenotion image
 
对于本文内容有任何疑问, 可与我联系.