type
status
date
slug
summary
tags
category
icon
password
ai_fenlei
最近一只打算做个博客网站，毕竟公众号写起来比较正式也蛮费时间，甚至有时候写一篇教程类的就要一两天的时间，想做个博客网站随时把看到好的视频或内容随手整理一下更新到博客，以后查起来也方便。而且现在有GPT插件可以把整理的内容直接更新到Notion笔记中省了不少事。然后本来打算让GPT给写个Notion的前端，恰好在一个群里看到有一个可以部署到Vercel的博客源码NotionNext还蛮漂亮的，于是就定下了这个博客网站方案，这样只需要一个域名就可以免费白嫖各种资源了。下面小刚把基本的使用流程分享一下。
📜域名注册
自己的专属博客网站最好有自己的域名，大家可以选择国内的域名注册商腾讯云，阿里云等都可以，也可以选择国外的godaddy、namesilo之类的。国内注册商基本都需要实名认证，而且不符合政策要求的可能会被封掉。国外的相对自由但是价格要比国内购买的贵一些。同时注册的时候还要留意下第二年的续费价格，综合考虑一个比较有性价比的域名。
📝注册GitHub账户
GitHub 是一个面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。GitHub 除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。GitHub 在全球范围内都有许多用户和开发者，是开源社区中非常重要的一个平台。
之所以需要注册GitHub账户是因为Vercel除了用模板部署外就需要用代码仓库导入代码部署的方式。注册方式很简单也算是比较有趣，需要填写邮箱和邮箱验证码
GitHub网址：https://github.com/
📩把NotionNext项目复制到自己的代码仓库
打开NotionNext项目，NotionNext是使用 NextJS + Notion API 实现的，支持多种部署方案的静态博客，无需服务器、零门槛搭建网站，为Notion和所有创作者设计。
把项目Fork一份到自己的仓库。
📑注册Notion账户并复制数据模板
Notion是一款功能强大的协作软件，可以用于笔记、项目管理、知识管理等多个领域。它的特点是可以非常灵活地组织和管理信息，支持多种媒体类型，可以与其他工具集成，同时还有强大的团队协作功能。
可以使用谷歌或苹果账户登录，也可以用自己的邮箱注册，这个国内是可以正常访问的，所以最好用自己的邮箱账户注册，这样不需要梯子也可以写笔记，可以白嫖AI写作，上面那段Notion的介绍就是AI写的。
注册好账户登录后，打开NotionNext的数据库模板，点击右上角的“Duplicate”复制一份到自己的Notion
然后可以把页面名称、图标和简介，以及数据库信息修改成自己的内容，已有的字段尽量不要去修改，可以添加自己的字段。
📃使用GitHub账户登录Vercel
Vercel 是一个 PaaS 平台，提供开发者在云端部署和托管静态网站和 Serverless 函数的服务。它支持多种语言和框架，包括 React、Vue、Angular、Next.js、Nuxt.js、Gatsby 等等。Vercel 也提供了一个 CLI 工具，方便开发者在本地进行开发和部署。Vercel 的服务非常稳定，同时也有免费和付费的服务套餐可供选择。
可以直接使用我们之前注册的GitHub账户登录Vercel，中间可能需要验证手机号
Vercel网址：https://vercel.com/
📰导入源码创建博客网站
登录进入后台后，通过“Create a New Project”按钮创建一个新项目
然后通过“Import”按钮导入NotionNext项目，然后“Deploy”等待部署完成就可以使用自带的域名访问博客网站了。可以在Domains添加自己的域名，在域名注册的后台根据提示添加网站解析就可以使用自己的域名访问网站了。
🗒️NotionNext 的配置
最主要的配置文件都在blog.config.js，每个配置都有说明可以根据自己的需要进行修改，如Notion的pageid,使用哪个模板等
当然一些终于的信息最好放到Vercel的变量中，这样哪怕不小心覆盖了相关的配置不受影响。比如page_id，可以在Vercel的“Settings” - “Environment Variables”，key填入变量名称NOTION_PAGE_ID，value填写自己Notion的page_id
自己Notion的page_id就是复制的页面后复制url中域名后面和?V之间的那串内容
更多的NotionNext使用方法请访问项目的文档，如果要修改自己的功能可以尝试把相关的源码发给GPT，让他给帮你修改成你所需要的，列如我就把文章封面随机成了自己的图片内容（主要上个月的Midjourney马上到期还剩下很多快速时间，于是生成了1、2百张封面图信息）
💬使用ChatGPT插件实现半自动更新
通过WebPilot插件访问网址并总结网址信息，使用NotesAISync插件插入信息到Notion中，现在ChatGPT有了Custom instructions 可以有了相对稳定的输出，下面是我总结的需要GPT响应的信息
NotesAISync安装的时候会连接Notion选择可操作的页面。NotesAISync更新的时候可能因为没匹配数据库字段的属性插入失败，可以先让他先读取pageID做下匹配，并多次尝试下，只要插入成功一次后面就没问题了。添加数据库的字段内容直接使用插入命令，具体的内容则是属于区块内容，需要使用追加区块的命令，我这里只让插入了1个段落区块，要想实现H标签、段落等的混合则需要让插入多个区块内容。大家可以尝试看看做出更个性的页面内容。
vercel的网站在国内访问可能慢一些，不过要想做出海网站确实不错的方案，毕竟是白嫖的。
我的博客网站网址：https://xiaogang.xyz
有关安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~
- 作者:小刚的AI工具箱
- 链接:https://xiaogang.xyz/article/diy-blog
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。