最近的新发现最近我突然发现，网站上也能嵌入 HTML 文件啦，所以…… 😁
🐍 贪吃蛇小游戏
当前得分：0
最高得分：0
开始 / 重置
暂停
使用方向键或 W / A / S / D 控制方向，空格键暂停。手机或平板也可以滑动屏幕控制方向。
点击「开始 / 重置」开始游戏
(function () {
'use strict';
const wrapper = document.getElementById('snake-game-wrapper');
if (!wrapper || wrapper.dataset.initialized === 'true') return;
wrapper.dataset.initialized = 'true';
const canvas = wrapper.querySelector('#gameCanvas');
const ctx = canvas.getContext('2d');
con ...
静态博客也能实时发消息，感觉蛮灵额！
为什么要搭这个？之前虽然把留言板做好了，但总觉得发完留言要等好久，不够尽兴。
想了想，干脆直接搭一个实时聊天室出来，大家进来看文章的时候还能顺便在线发消息，即时互动起来方便蛮多的。
忙活了整整 4 个小时这次配聊天室涉及到的细节蛮多的，从后台部署到前端样式微调，整整折腾了一下午。
从下午一直调试到晚上，4 个多小时砸进去，终于顺利上线了！
感觉蛮有成就感的看到聊天室里消息能秒发出来的那一刻，感觉这 4 个小时真的没白费，老有成就感的！
现在博客里的图床和聊天室都配齐了，功能越来越完善。大家有空可以去聊天室里发两条消息试试看！
链接🔗https://chatroom.jathnielluo.com
[up主专用，视频内嵌代码贴在这]
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-con ...
数据只有托管在自己的服务上，才是最稳妥的。
突如其来的失效昨天晚上浏览博客时，注意到网站里大量先前使用第三方公共图床保存的图片全部加载失败。
查验后确认是公共图床清理了数据或限制了外链。面对满屏失效的图片占位符，一时间确实令人头疼。
4 小时的搭建历程这次经历让人意识到，依赖免费的公共图床终究不是长久之计，搭建一套完全独立的私有图床才是根本解决方案。
从昨天晚上开始，我着手重新搭建图床服务。
经过 4 个多小时的连续调试与配置，私有图床终于顺利上线并投入使用。
总结当我看到博客里的图片重新通过自己的域名顺畅加载时，过程中的繁琐与疲惫瞬间溶解了。
虽然花了不少时间和精力，但以后再也不用担心图片被删除的问题了。我的小站 Level up！💪
[up主专用，视频内嵌代码贴在这]
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-c ...
🎉 Hello World！我的个人小站终于搞定啦！太不容易了！这是我在自己搭建的新网站上发的第一篇文章，现在心里超级有成就感！
为了把这个网站搭出来，我整整在电脑前折腾了差不多 8 个小时（主要是周末写完作业后的时间，中间还踩了超多坑）。从一开始什么都不懂，到慢慢调样式、改代码，眼睛都快看酸了。
🌟 为什么想搭这个网站？平时就对电脑和编程挺感兴趣的，之前看到别人有自己的独立博客，感觉特别酷！
而且在第三方平台上发东西限制有点多，样式也不能按自己的喜好改。有了这个自己的小天地，我想怎么排版就怎么排版，完全由我自己说了算！
在这个小站里，我打算记录这些东西：
💻 编程和折腾笔记：记录我学习编程时踩过的坑和解开的难题。
📝 日常随笔：学校里的趣事、吐槽，或者是读到好书、看到好电影的心情。
🎮 兴趣爱好：分享我喜欢的游戏、游戏攻略还有一些搞怪的想法。
🛠️ 8 小时的折腾历程说实话，这 8 个小时真的挺折磨人的。
最头疼的就是调格式和布局，明明教程上是那样写，到了我这里排版就全乱掉了。还有绑域名和配置的时候，出了好几次错，差点想放弃去睡觉。
不过每次解决掉一个报错，那种感 ...
