30天从零到一:后端工程师的独立网站搭建全攻略

77 阅读3分钟

建站背景

新婚不久,老婆跟人合伙开了自助台球店。我就老想着能够为老婆做点什么。比如在公众号上面多写一点文章,给店里做做宣传,或者在公众号集成一个自动回复客户消息的AI机器人。本来想使用coze,但是一直部署没有成功,可能是因为我的公众号没有通过微信认证。后面就了解到腾讯元器的智能体可以通过API接口进行访问。用.net core 测试了,的确可行。后面就问AI,我只有域名,不想花钱购买服务器,我应该怎么做。 AI推荐我通过Vercel进行部署,然后就尝试了Vercel进行部署,发现告诉我vercel 并不支持部署.net core的webapi。我就尝试着学习.node js。然后好家伙,创建了一个index.html,在页面上输出了hello world,逐渐添砖加瓦形成了现在这么一个网站了。

功能介绍

首页 (index.html)

  • 包含导航栏,链接到各个主要页面。
  • 提供自助台球管家聊天机器人。
  • 展示店长笔记和公众号文章。
  • 包含更新日志时间线。

相册 (photos.html)

  • 展示台球厅的照片。

工具 (tools.html)

  • 提供多个在线工具,如奇数偶数判断、闰年判断等。

小游戏 (games.html)

  • 提供一些小游戏,如猜数字、2048等。
  • 游戏1:2048
  • 游戏2:合成ABC

网站地址

许可证

本项目遵循MIT许可证。

建站收获

  • 免费版本的vercel 只支持12个API接口。另外一些api可以通过npm或者esm.js来进行处理。
  • .git hooks 目录下的pre-commit文件 可以在提交前完成一些文件处理动作,比如调用mdtohtml 将md文件转换成html文件,生成json文件,生成sitemap.xml等。
  • 因为之前就通过Hexo搭建过个人博客网站,所以本次建站很多工作都是在前人的努力上重复建造轮子。比如引入busuanzi计数器。
  • 以前,我从来不敢想我可以一个月内搭建基本上还可以看得过去的网址,现在通过AI,写CSS,JS,HTML文件在,一些不是很深层次的专业知识也可以进行处理了。
  • npmjs.com 这个网站是真的难以访问,我至今都没有访问成功,更不用说通过npm login 来发布一个包了。

未来展望

  • 业余时间有空,我可以将整个网站的技术栈在项目中以readme.md或者wiki文件中呈现出来。
  • 目前申请集成google ads,暂时没有获得审核通过。如果将来审核通过了,那也算是有一笔额外的收入,我也有更强大的动力去搜索一些游戏集成在该网站。
  • 普通的游戏其实没有那么吸引人,后期可能找一些Cocos2d-js项目的开源的js游戏,集成到网站里面,便于人们无聊的时候玩一下。
  • 项目和网站才运行一个月之久,未来怎么样并没有一个绝对的定论,慢慢来吧,有啥好玩的,有趣的内容就集成在里面了。

总结

以文会友,抛出橄榄枝,对自助台球感兴趣的,对自建网站感兴趣的,或者对我本人感兴趣的可以加我为好友,或者关注我(不能有非分之想,原因见文章开头第一句话)。 做大做强,再创辉煌!