xxynly/starter-kit博客部署详细教程

注册hashnode

创建新blog

完成输入并创建

此时下滑可以看到blog已经创建成功

保存后我们下滑到domain

记住这个 后面构建blog要用到

开启无头模式才可以使用自定义blog

开启成功

Github克隆项目

首先fork该项目

可以自定义编辑，点击create fork

等待fork完成

Vercel部署项目

此时打开vercel

选择该仓库

点击install

点击import

root目录选择personal

配置环境变量

NEXT_PUBLIC_HASHNODE_GQL_ENDPOINT=https://gql.hashnode.com
NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST=your-username.hashnode.dev
NEXT_PUBLIC_MODE=production

NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST填上面自己创建的

完成配置 点击部署

完成部署

此时点击域名就可以成功访问了

设置自定义域名

有域名的我们进行这一步操作

在cloudflare等域名提供商添加如下信息

再添加cname

关掉黄色按钮

添加成功

成功