怎样创建 funAI.world
🤗

怎样创建 funAI.world

Tags
OSS
Node.js
React.js
Startups
Published
March 30, 2023
Author
Hawken
建立一个网站对于很多人来说是一项艰巨的任务,需要一定的技术和知识。然而随着互联网的不断发展,建站变得越来越容易。在这篇文章中,我将分享我的建站经历和感受。
 
1 发现 Vercel,回想起过去建站的经历
网站名为 "funAI.world",它是一个旨在分享、讨论、交流关于 AI 的一切的网站。
最近一直被 ChatGPT 冲击着,刷着推特,感觉每隔几小时就会看到新的 AI 产品。焦虑,恐慌,FOMO,驱使着我研究这些产品。在研究这些产品的时候我也试着部署一二,于是发现了 Vercel。我震惊,现在已经可以这样玩了吗?!
 
在远古的 PHP 时代,我就尝试着建立一个自己的网站。使用了 Joomla、Manbo、Drupal、Discuz 等等,后来 WordPress 占据了主导地位。
再后来,开始使用 Hexo,在本地写 markdown,使用一行命令就可以同时部署到自己的 VPS 和 github.io 上。
这些被称为内容管理系统(CMS)的系统,越来越便利是真的,但是永远都绕不开用 shell 命令配置 VPS,配置数据库,传输文件,防盗链等等问题。
 
2 用上了 nextjs-notion-starter-kit
惊讶之余又在 Vercel 上逛了逛,发现了这款 nextjs-notion-starter-kit(本站右上角的 Github 链接可了解更多),居然可以自动地,直接地,把 Notion 上的页面渲染成一个完整的独立的网站?!
 
我非常惊讶,因为这么复杂的系统,居然可以如此简单地部署。
只用一个下午(如果专业程序员可能会更快)就可以建立网站。直接在 Notion上写文字,就可以同步更新到网站上。
“这么方便就可以建站,那我把我的博客也搬过来吧!”
我这么想着,去看了自己的博客,发现自己博客上大量记录着建站时候踩的坑。我还写下中二的文字:建立一个博客,记录自己踩的坑,避免自己再次掉坑,同时也可以帮助后来人。
而所谓的坑,无非就是: - 不熟悉 linux 命令 - stackoverflow 查到了,记录一下免得下次又查 - 因为“墙”造成的麻烦
现在发现,有了 ChatGPT,自己的记录没有意义了,那些坑要么一开始就可以避免,要么随便一问就可以精准定位和解决。再加上 Vercel 这样的服务,那些繁琐的运维工作也不需要了。现在看来除了“墙”造成的麻烦不能解决,其他的一切问题都不是问题,而我踩过的坑留下的经验记录,再也没有存在的意义了!
 
3 于是我请 ChatGPT 帮我写一篇文字进行记录
我的经历告诉我们,建立一个网站不再像以前那样困难。新的技术和工具不断涌现,让建站变得越来越容易。我的建站经历也是一个很好的例子,它向我们证明只要我们勇于尝试新技术、新工具,就能够轻松建立一个属于自己的网站。无论是使用 Notion、Vercel 还是 ChatGPT,这些工具都可以让我们在建站过程中更加便捷。同时,我也发现,随着技术的进步,建立网站已经不再是单纯的技术问题,更需要我们将创造力和设计思维融入到网站的建立过程中,这样才能打造一个优秀的网站。在我建立 "funAI.world" 的过程中,我不仅需要了解网站的技术实现,还需要思考网站的目标用户、内容分类、设计风格等等。这些方面的考虑是建立一个成功网站不可或缺的。
 
此外,我还发现,网站的运营也是一个长期而复杂的过程。建立好一个网站只是第一步,接下来需要投入大量的时间和精力来不断完善和更新网站的内容和功能,吸引更多的用户访问和参与。这方面的运营和推广策略也需要深入思考和实践,只有不断地学习和调整,才能让网站不断发展和成长。
 
总之,建立一个网站不再是单纯的技术问题,而是需要融合创造力、设计思维以及持续的运营和推广策略。我相信,只要我们不断学习和实践,运用好新的技术和工具,同时注重创新和优化,就能够建立出更好的网站,创造更多的价值和成就。
 
4 对了,站点的logo也是临时请AI生成的,Prompt就是简单的:机器人和人类打招呼的剪影。
notion image
 
 
这是用 nextjs-notion-starter-kit 建站时的样例图,挺酷的,我就保留了:Animation Credit: CSS-only coding animation by Chris Dermody
这是用 nextjs-notion-starter-kit 建站时的样例图,挺酷的,我就保留了:Animation Credit: CSS-only coding animation by Chris Dermody
 
👉
Follow me on twitter for more awesome stuff like this @whatajerrrk