summon的博客

大家好呀，我是summo，小网站一直有个问题，就是PC端的样式和移动端的样式是两套，并且不能根据显示屏的大小进行动态化布局，如果PC端屏幕非常小就是这样：如果移动端屏幕非常大就是这样：总之，这样的效果不是我想要的，我想要是下面这样的：这个功能我本来以为会很麻烦，实际上还好，已经发布上线了，代码也提交到Gitee了，下面介绍一下我是怎么实现这个响应式布局功能的。

大家好呀，我是summo，最近不是被裁员了嘛，找工作又难找，老是心烦意乱的，也导致了一个多月断更，不好意思哈。虽然工作没了，但是小网站的故事却一直在发生，比如阿里云RDS到期导致我的小网站崩了一个月（已经修复）；比如我重构了一下设计和代码（代码已上传Gitee）；比如有些“好心人”刷我的接口，给我提高访问量（本篇会讲的故事）… …还有一些更有意思的，比如济南有位老板看中了我的小网站希望我可以根据他的一些需求进行二次开发（一期已经做好上线了）；比如通过这个小网站让我赚到1千多的外快（意外之喜）等等。

大家好呀，我是summo，最近小网站崩溃了几天，原因一个是SSL证书到期，二个是免费的RDS也到期了，而我正边学习边找工作中，就没有顾得上修，不好意思哈(PS:八股文好难背，算法好难刷)。小网站的内容和组件也不少了，今天我们继续来丰富的它的功能，让它看起来更美观和有用。今天会增加词云组件和搜索组件，并且还会将网站的内容排列一下，难度不高，但是更有意思。我们先从词云组件开始做。

大家好呀，我是summo，最近发生了些事情(被裁员了，在找工作中)导致断更了，非常抱歉。刚被裁的时候还是有些难受，而且我还有房贷要还，有些压力，不过休息了一段时间，心态也平复了一些，打算一边找工作一边写文，如果有和我一样经历的同学，大家共勉！《花100块做个摸鱼小网站! 》这个系列的前六篇已经大概把整体的流程写完了，从这篇起我会补充一些细节和组件，让我们的小网站更加丰富一些。这一篇呢我会介绍如何将用户的访问记录留下来，看着自己做的网站被别人访问是一件很有意思和很有成就感的事情。对应的组件也就是我用红框标出来

平时上班的时候总有一段段空闲(摸鱼)的时间，玩游戏吧时间不够还容易被抓，最适合的就是吃瓜看新闻了，我平时就喜欢去夸克的捷径小程序里面去看热搜榜，但有时感觉它的信息太少了而且还只有手机版，经常空闲(摸鱼)的兄弟都知道，看电脑还可以装着干活的样子，看手机基本上都是在摸鱼了，所以网页版的热搜榜还是有搞头的。对我来讲，后端的爬虫和应用都非常简单，真正花时间多的是前端，尤其是调样式，我早就忘的差不多了，而且我只会用vue2，还好有ChatGPT，不然还真卡在这里了。，我想后续如果RDS到期了，就迁移回来吧。

大家好呀，我是summo，前面我已经写了我为啥要做这个的原因，从这篇文章开始我会一步步跟大家聊聊我是怎么搭起这个网站的。我知道对很多新手来说，建网站可能挺头大的，不知道从哪里开始，所以我会尽量写得简单明了，让大家一看就懂，少走弯路。咱们先从买服务器开始说起。现在阿里云好像还有免费试用，对新手来说挺划算的。不过不管你是免费用还是掏钱买，拿到服务器后的第一件事，就是得把环境给整利索了。这就跟新房子装修一样，基础打好了，后面的事儿才能顺顺利利。对于我们这个。

大家好呀，我是summo，前面已经教会大家怎么去阿里云买服务器（链接在这，需要自取），以及怎么搭建JDK、Redis、MySQL这些环境或者数据库。从这篇文章开始就进入正式的编码阶段了，我们从后端开始，先把热搜数据获取到，然后再开始前端部分。本来我想把后端应用搭建和完成第一个爬虫分为两篇文章写的，但是想到墨迹三周还没看到效果，估计有些同学已经等不及了，所以我把这两篇文章合成一篇了，篇幅比较长，感兴趣的同学可以认真看下。因为后端应用初始化的时候涉及很多配置，有很多命名，建议大家写别急着个性化用自己的名字命名应

大家好呀，我是summo，第一篇已经教会大家怎么去阿里云买服务器，以及怎么搭建JDK、Redis、MySQL这些环境。第二篇我们把后端的应用搭建好了，并且完成了第一个爬虫(抖音)。那么这一篇我会教大家如何将爬取到的数据保存到数据库，并且可以通过接口获取到，为后面的前端界面提供数据源。/*** 创建时间/*** 修改时间/*** 创建人ID/*** 修改人ID/*** 创建时间/*** 修改时间/*** 创建人ID/**

在本系列文章的早期章节中，我们已经成功地购买了服务器并配置了MySQL、Redis等核心中间件。紧接着，我们不仅建立了后端服务，还开发了我们的首个爬虫程序。后面我们还把爬取到的数据进行了保存，生成了一整套MVC的后端代码，并且提供了一个接口出来。这篇文章呢我要开始前端开发部分了。与后端开发相比，前端开发的优势在于其直观性和即时反馈。开发者可以迅速看到自己代码的成果，这种“所见即所得”的体验极大地提升了开发的乐趣和满足感。在接下来的篇章中，我将展示如何将爬取到的热搜数据整合到前端界面中，使之以一种用户友好的方

我们已经成功实现了一个完整的热搜组件，从后端到前端，构建了这个小网站的核心功能。接下来，我们将不断完善其功能，使其更加美观和实用。今天的主题是如何定时获取热搜数据。如果热搜数据无法定时更新，小网站将失去其核心价值。之前，我采用了注解来实现定时任务，但这种方式灵活性不足，因此我决定用更灵活的XXL-Job组件来替代它。xxl-job是一个轻量级分布式任务调度平台，其核心设计目标是开发迅速、学习简单、轻量级、易扩展。目前github代码库，开源免费的，值得学习使用一下。github代码库地址下载下来后，代码库结

到这一篇我们终于把环境搭好，也做好了几个热搜小组件，为了让我们方便展示成果或者方便自己摸鱼，我们需要将这个小网站部署上云。整体流程并不复杂，但有很多个小细节。如果某个细节处理不当，可能会导致部署失败，因此这是一个不断尝试和调整的过程。基本流程包括：修改配置、打包、上传、运行和调试，然后反复进行，直到成功。