《从零开始做个摸鱼小网站! · 序》灵感来源

大家好呀,我是summo,这次来写写我在上班空闲(摸鱼)的时候做的一个小网站的事。去年阿里云不是推出了个活动嘛,2核2G的云服务器一年只要99块钱,懂行的人应该知道这个价格在业界已经是非常良心了,虽然优惠只有一年,但是买一台用来学习还是非常合适的(地址如下:https://developer.aliyun.com/huodong/dashiblogger?userCode=mtbtcjr1)。

我也跟风买了一台,开始的时候就是拿来练练Linux命令,还有就是搭建各种环境像MySQL、Redis、Kafka这些,玩久了就想着能不能搭建一个小网站啥的。我搜了很多关于自己建站的文章,很多都是推荐搭建博客网站,但是我觉得博客网站不够好玩,哪个正常人天天想着学习啊!

平时上班的时候总有一段段空闲(摸鱼)的时间,玩游戏吧时间不够还容易被抓,最适合的就是吃瓜看新闻了,我平时就喜欢去夸克的捷径小程序里面去看热搜榜,但有时感觉它的信息太少了而且还只有手机版,经常空闲(摸鱼)的兄弟都知道,看电脑还可以装着干活的样子,看手机基本上都是在摸鱼了,所以网页版的热搜榜还是有搞头的。

后来去网上搜类似的网站,还真有,就是这个:摸摸鱼,当我看到这个网站之后我就知道我要拿那台服务器做什么了,这个网站的核心就是一个热搜爬虫然后聚合展示不难,我也能做!

网站我已经做出来了,域名如下:https://sbmy.fun,直译就是上班摸鱼,非常好记,目前样式和功能暂时还不如摸摸鱼的,先凑合用,等我有时间再慢慢优化吧。

这网站从发布到现在大概两个月,基本没有什么推广,也有2万多左右的访问人次,日均300多,看来上班有空闲(摸鱼)的人很多啊🤓。

这篇文章是《花100块做个摸鱼小网站!》的序章,就不讲那些太细节的东西了,我想大家主要的疑问主要是花了多少钱、花了多少时间、做起来难不难这些。

先说花了多少钱吧,云服务器(99元)+域名(10元)+SSL证书(免费版)+RDS(3个月免费)+Redis(自己搭的)+定时组件(自己搭的)+前端资源(没有使用CDN) ,我想后续如果RDS到期了,就迁移回来吧。所以我总共花了109元,其实如果不申请域名的话,只要99块钱的ECS费用,刚好不到100,大不了使用IP访问嘛。

第二个问题花了多少时间,差不多两个星期的摸鱼时间。对我来讲,后端的爬虫和应用都非常简单,真正花时间多的是前端,尤其是调样式,我早就忘的差不多了,而且我只会用vue2,还好有ChatGPT,不然还真卡在这里了。

至于难度的话,我觉得只有前端调样式给我难倒了😂,其他都很简单,不过由于没有使用CDN导致访问网站的时候有点慢,目前正常运行的CPU和内存监控如下,还有一点开发的空间。

做完了网页端后,我又想着做一个手机端的,但是由于前端水平实在捉急,没有做自适应,写了两套,搞了半天也算搞出来了。

相比于那些喜欢研究源码或框架的大佬来说,我在技术这块的深度还不够,不敢写这类的文章,怕被喷。我更喜欢做工程化的事,可以很快获得成就感。这篇文章是《花100块做个摸鱼小网站!》的序章,我打算开一个系列,把我如何从零开始搭建这个网站的过程分享出来,包括技术调研、爬虫代码、应用部署、机器运维、域名申请和备案等等。源码的话我还没有准备好,等后续我搞得差不多了在出吧。

大多数同学大多数时间都只是在干CRUD的活,也没有独立建站的经验,虽然没有但是可以学!现在不会练练就会!100块钱的实操经验绝对比100块钱买的专栏更有意义更有用!

最后,自建摸鱼网站,各大网站热搜一览,上班和摸鱼很配哦!

相关推荐
橙某人5 小时前
LogicFlow 小地图性能优化:从「实时克隆」到「占位缩略块」!🚀
前端·javascript·vue.js
boooooooom6 小时前
讲清 Proxy + effect + track/trigger 流程
javascript·vue.js·面试
架构师沉默6 小时前
别又牛逼了!AI 写 Java 代码真的行吗?
java·后端·架构
leafyyuki6 小时前
在 Vue 项目中玩转 FullCalendar:从零搭建可交互的事件日历
前端·javascript·vue.js
星_离7 小时前
《Vue 自定义指令注册技巧:从手动到自动,效率翻倍》
前端·vue.js
光影少年7 小时前
Vue的响应式原理?Vue2和Vue3有什么区别?
前端·vue.js·掘金·金石计划
wuhen_n9 小时前
v-model 的进阶用法:搞定复杂的父子组件数据通信
前端·javascript·vue.js
wuhen_n9 小时前
TypeScript 深度加持:让你的组合式函数拥有“钢筋铁骨”
前端·javascript·vue.js
滕青山9 小时前
基于 ZXing 的 Vue 在线二维码扫描器实现
前端·javascript·vue.js
踩着两条虫10 小时前
AI 驱动的 Vue3 应用开发平台 入门指南(五):创建 H5 移动应用
前端·vue.js·ai编程