宿迁市住房和城乡建设局网站,营销网络的建设,广西建设厅网站是什么,wordpress做下载型网站SaaS可以通过博客来获得SEO流量#xff0c;之前我自己在nextjs上#xff0c;基于MarkDown Cloudfare来构建博客#xff0c;很快我就了解到更优雅的方案#xff1a;notion nextjs搭建博客#xff0c;之前搭建了过#xff0c;没有记录#xff0c;这次刚好又要弄#xf… SaaS可以通过博客来获得SEO流量之前我自己在nextjs上基于MarkDown Cloudfare来构建博客很快我就了解到更优雅的方案notion nextjs搭建博客之前搭建了过没有记录这次刚好又要弄打算记录一下。 notion nextjs有很多解决方案 https://github.com/tangly1024/NotionNexthttps://github.com/transitive-bullshit/nextjs-notion-starter-kit 这里我们基于nextjs-notion-starter-kit来搭建blog为了方便以kit来表示这个项目。 首先我们找到项目中提供的notion default pagehttps://transitive-bs.notion.site/transitive-bs/Next-js-Notion-Starter-Kit-Template-7875426197cf461698809def95960ebf 因为项目会基于notion docs的结构进行适配所以一般都会提供。 我们打开后点击【Duplicate】将这个notion page复制到自己的notion上 复制后将notion page share出来并复制share url如下图 获得的url如下 https://glowing-kip-bf2.notion.site/Next-js-Notion-Starter-Kit-Template-0f3b6xxxxxxxxxxxxxxxxxxxxxxxx91a?pvs4 将0f3b6xxxxxxxxxxxxxxxxxxxxxxxx91a复制出来然后放到kit项目的site.config.ts中赋值给rootNotionPageId如下图 然后本地先运行一下项目看看效果然后就是修改配置比如将twitter修改成自己的之类的。 当然使用的过程中你也会发现一些问题比如图片无法访问或视频无法访问这是因为notion升级改变了上传后图片、视频等资源的保存规则而导致的。我看到一个做notion to blog 这类SaaS产品的twitter 大V 在issue中狂问问题。notion的变化影响到他SaaS正常功能了 目前本文中提到的NotionNext、nextjs-notion-starter-kit的最新版都解决了图片问题但今天发现视频还是无法正常加载。 2b567093-8690-4455-abef-1240d6bf49b0.jpeg 其主要原因是视频对应的url还是公网无法访问的url。 我无意深入研究notion变化带来限制的原因也不想去细看项目代码从代码层面找解决方案浏览了相关项目的issue后也没发现有人讨论。就尝试了一下曲线救国的方案我将视频放到youtube然后再嵌入到notion中从而实现视频的播放效果不错。 最后就是上线因为是nextjs开发的所以直接vercel上线则可。 至此一个免费的博客系统就搭建好了你可以基于notion免费写文章上传图片、视频等内容帮你的SaaS获得SEO流量而这一切是免费的不需要花钱买图床、服务器等东西。喔~老伙计域名还是要花钱的。
