在横屏下使用css实现了动态的404动画,https://12520.net/404
参考了群内xjzsq大佬手搓的css代码:https://github.com/xjzsq/404-page
使用了js判断是否空间是否足够显示404动画,在 window.innerWidth >= 1000 时才展示,否则会使用gif动图替代
横屏效果

在竖屏下则使用了git动图
竖屏效果

文章作者: 枯死の灌木
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 灌木の小破站!
相关推荐

2025-10-22
站点再次更新了404页面样式~
站点最近换 Dream2.0 Plus 主题了,但还是喜欢原来改的404动画,所以我手动修改了新主题的默认404模版代码,实现了和原来差不多的动画效果。 在横屏下使用css实现了动态的404动画,https://12520.net/404 参考了群内xjzsq大佬手搓的css代码:https://github.com/xjzsq/404-page 使用了js判断是否空间是否足够显示404动画,在 window.innerWidth >= 1440 时才展示,否则会使用图片替代。 横屏效果 竖屏效果 修改的主题代码:halo2/themes/theme-dream2-plus/templates/error/common/error_default.html 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666...

2026-03-03
Twikoo Cloudflare Workers 新后端开发实践:把评论系统跑在边缘计算
项目地址:https://github.com/whq12520/twikoo-cf-workers 如果你和我一样,希望给静态博客配一套「免费、响应快、无运维」的评论后端,这个项目也许正好适合你。 这个项目是一个 Twikoo 1.6.45 的非官方后端实现,运行在 Cloudflare Workers 上,数据层使用 D1 + KV。 Cloudflare Workers 运行于 V8 隔离环境而非容器中,V8 隔离架构实现瞬时启动,启动时无需等待运行时加载到实例中,几乎完全消除了针对请求的冷启动。 目标很直接:在保证核心评论体验的前提下,尽量降低冷启动延迟和整体资源消耗。 为什么要做这个项目原版 Twikoo 已经非常优秀,但不同运行环境总会有一些现实约束: 需要更贴近 Cloudflare workers 的实现方式 需要更稳定的边缘响应速度 进一步降低 Cloudflare workers 的配额消耗 不需要关心运维 依赖 Cloudflare 的高可用性(这么说好像 Cloudflare 在近一年内炸了两次来着❌) 所以这个项目不是简单“换个平台部署”,而是围绕 ...

2025-02-16
使用 Github Actions 编译 Rust 代码
众所周知,Github Actions可以执行工作流任务,而且免费版本还具备三种系统和两种架构可选,这就非常适合拿来编译代码。 花了一些时间研究出了个编译Rust代码Github Actions Workflow文件模版,可以把简单的Rust项目分别编译成3个平台2种架构的可执行程序。 Github:Github_Actions_Rust_Workflows: 简单的Github Actions编译Rust工作流文件 工作流文件如下: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283name: Build Rust Projecton: workflow_dispatch:jobs: build: env: program_name: rust_program strategy: m...

2025-08-03
右键菜单 在此处打开PowerShell窗口 无法进入指定目录
近期某人更新了 windows 自带的老旧 PowerShell5.1 到最新版本 7.5 后,发现 在右键菜单中的 “在此处打开 PowerShell 窗口” 选项工作不正常,打开的 PowerShell 无法进入指定目录 Set-Location : 找不到接受实际参数“19”的位置形式参数。 所在位置 行:1 字符: 1 + Set-Location -literalPath D:\桌面\TempFile\新建文件夹 (19) + ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ + CategoryInfo : InvalidArgument: (:) [Set-Location],ParameterBindingException + FullyQualifiedErrorId : PositionalParameterNotFound,Microsoft.PowerShell.Commands.SetLocationCommand PS C:\WINDOWS\system32> 这报错,一眼就...

2024-09-20
python爬取steam好友搜索
一日,见某好友发动态,偶露其 Steam 昵称,遂生欲加好友之念。但一向傲娇(社恐)的我怎么可能直接开口问steam好友代码? 尝试steam昵称搜索,发现默认steam好友搜索不支持精确搜索,只支持模糊搜索。搜索结果足足有3652个!而且每页只显示20个,手动找得累死。 方法:借助脚本实现爬取全部搜索结果,然后精确搜索字符串 1.首先拿到搜索引擎的api 在浏览器按F12打开开发者页面,点击“网络”选项页面,然后尝试手动下一页触发调用搜索引擎api 尝试手动调用这个api,发现这个api确实是返回了搜索结果,而且结果是一个json格式的文本,包含20个玩家账户的准确昵称和头像链接。可以确定这就是搜索引擎的api 2.写个py脚本调搜索引擎的api获取数据 一共需要爬取(3652÷20)183页的数据, (不得不说,ai真是好用,查各种函数方法的效率真的快) 写测试脚本后运行发现报401 Client Error: Unauthorized for url 401未授权,才想起要在请求头加cookie 获取cookie: 最终代码 12345678910111213141...

2025-01-26
基于 Rust 的一个随机图片 api
最近学了一点rust,就尝试写了个随机图片api,但没有用301/302重定向,而是直接用http响应体实现 缺点:可能不利于浏览器缓存,可更改代码中http请求头Cache-Control: max-age=0设置浏览器的缓存时间。 其中还遇到一个坑,windows的换行符和linux不兼容?windows系统下换行符在代码转义字符只能表示为”\r\n”,写成”\n”会报错,而在linux下换行符转义只能表示为”\n”,写成”\r\n”会识别不到。 main.rs源代码 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181...
评论



