RavelloH's Blog
LOAD COMPLETED.
LOADING
.
.
.
NeutralPress
Thoughts. Notes. Stories.
Posts / 文章
搜
索
全
站
文
章
.
.
.
记录 & 索引所有文章。
最近更新于
23 小时前
。
自 2020年 8 月 16 日 以来,共索引 35 篇文章。
第 1 页,共 2 页。
正在查看第 1 - 20 篇文章。
随便看看 / RANDOM
Minecraft Meteor 使用指南
Minecraft Meteor 使用指南
2025/08/11
游戏
/
Minecraft
---
#Minecraft
#Meteor
#Minecraft
#Meteor
Minecraft 辅助模组 Meteor Client 的详细中文使用指南。文章涵盖了从 Meteor 的下载安装(含旧版本及 ViaFabricPlus 兼容方案)、第三方汉化获取,到 GUI 界面配置的完整流程。重点对战斗、玩家、移动、渲染、世界及杂项六大类功能模块进行了深度解析与逐项说明,旨在帮助玩家在单人或特定服务器场景下掌握该工具的使用。
#Minecraft
#Meteor
Minecraft 辅助模组 Meteor Client 的详细中文使用指南。文章涵盖了从 Meteor 的下载安装(含旧版本及 ViaFabricPlus 兼容方案)、第三方汉化获取,到 GUI 界面配置的完整流程。重点对战斗、玩家、移动、渲染、世界及杂项六大类功能模块进行了深度解析与逐项说明,旨在帮助玩家在单人或特定服务器场景下掌握该工具的使用。
使用 Meilisearch 实现全站搜索
使用 Meilisearch 实现全站搜索
2025/06/25
开发
/
后端
---
#Meilisearch
#搜索引擎
#Meilisearch
#搜索引擎
Meilisearch 是一个支持中文分词、模糊搜索与拼写纠错的开源轻量级全文搜索引擎。文章对比了其与 Elasticsearch、Typesense 等竞品的优劣,详细介绍了通过二进制文件和 Docker 进行部署的方法,并完整演示了从获取 API Token、配置索引设置、写入数据到执行搜索的具体开发流程。
#Meilisearch
#搜索引擎
Meilisearch 是一个支持中文分词、模糊搜索与拼写纠错的开源轻量级全文搜索引擎。文章对比了其与 Elasticsearch、Typesense 等竞品的优劣,详细介绍了通过二进制文件和 Docker 进行部署的方法,并完整演示了从获取 API Token、配置索引设置、写入数据到执行搜索的具体开发流程。
Timepulse:现代化高颜值计时器
Timepulse:现代化高颜值计时器
2025/04/03
开发
/
前端
---
#React
#Next.js
#倒计时
#JavaScript
#React
#Next.js
#倒计时
#JavaScript
TimePulse 是一个具有现代化 UI 和交互的倒计时网页应用,致力于提供极佳的视觉体验。它采用玻璃态设计和流畅动画效果,支持多计时器管理、数据本地存储与云端同步、智能节假日识别以及 PWA 离线访问等功能,并开放了核心源码。
#React
#Next.js
#倒计时
#JavaScript
TimePulse 是一个具有现代化 UI 和交互的倒计时网页应用,致力于提供极佳的视觉体验。它采用玻璃态设计和流畅动画效果,支持多计时器管理、数据本地存储与云端同步、智能节假日识别以及 PWA 离线访问等功能,并开放了核心源码。
Nextjs 使用 Server Action 实现动态页面重部署
Nextjs 使用 Server Action 实现动态页面重部署
2025/04/03
开发
/
后端
---
#Next.js
#ISR
#缓存
#Next.js
#ISR
#缓存
利用 Next.js 14 的 Server Action 机制实现动态页面重部署的实战记录。核心是通过在服务端调用 revalidatePath 函数来按需刷新页面缓存(如文章列表、详情页、RSS 等),使得内容发布后无需执行完整的 Redeploy 流程即可即时生效,在保持静态缓存性能的同时实现了动态站的发布体验。
#Next.js
#ISR
#缓存
利用 Next.js 14 的 Server Action 机制实现动态页面重部署的实战记录。核心是通过在服务端调用 revalidatePath 函数来按需刷新页面缓存(如文章列表、详情页、RSS 等),使得内容发布后无需执行完整的 Redeploy 流程即可即时生效,在保持静态缓存性能的同时实现了动态站的发布体验。
使用 Wireshark 进行自我网络安全审计
使用 Wireshark 进行自我网络安全审计
2025/02/25
网络安全
---
#Wireshark
#DNS
#MITM
#Wireshark
#DNS
#MITM
一篇使用 Wireshark 对移动设备进行网络安全与隐私泄露风险排查的实操教程。文章详细介绍了如何通过电脑热点搭建抓包环境,重点分析了 DNS 明文传输、SNI 域名泄露以及潜在的中间人攻击(MITM)风险,并针对检测出的问题提供了配置 DoT/DoH 加密及优化代理分流的建议。
#Wireshark
#DNS
#MITM
一篇使用 Wireshark 对移动设备进行网络安全与隐私泄露风险排查的实操教程。文章详细介绍了如何通过电脑热点搭建抓包环境,重点分析了 DNS 明文传输、SNI 域名泄露以及潜在的中间人攻击(MITM)风险,并针对检测出的问题提供了配置 DoT/DoH 加密及优化代理分流的建议。
React 实现外链提示
React 实现外链提示
2025/02/11
开发
/
前端
---
#React
#React
React 实现的外链预览组件,旨在优化站内外部链接的交互体验。当用户将鼠标悬停在 target="_blank" 的超链接上时,该组件会弹出一个包含目标网页截图、域名及安全提示的模糊背景悬浮窗。文章详细介绍了如何利用 Canvas 分析图片亮度以实现文字颜色的自适应调整,并提供了包含网页截图功能的完整版以及仅保留背景模糊效果的轻量化 Mini 版两种实现代码。
#React
React 实现的外链预览组件,旨在优化站内外部链接的交互体验。当用户将鼠标悬停在 target="_blank" 的超链接上时,该组件会弹出一个包含目标网页截图、域名及安全提示的模糊背景悬浮窗。文章详细介绍了如何利用 Canvas 分析图片亮度以实现文字颜色的自适应调整,并提供了包含网页截图功能的完整版以及仅保留背景模糊效果的轻量化 Mini 版两种实现代码。
记一次 Bing 登顶
记一次 Bing 登顶
2025/02/11
运维
/
SEO
---
#SEO
#Bing
#SEO
#Bing
对个人博客文章意外在 Bing 搜索结果中登顶的观察记录。作者通过分析流量统计发现来自 Bing 的访问激增,排查后确认为关于 Paper 端插件的文章获得了 Bing 搜索的置顶推荐,这一结果打破了作者对 .top 域名权重较低的固有印象。
#SEO
#Bing
对个人博客文章意外在 Bing 搜索结果中登顶的观察记录。作者通过分析流量统计发现来自 Bing 的访问激增,排查后确认为关于 Paper 端插件的文章获得了 Bing 搜索的置顶推荐,这一结果打破了作者对 .top 域名权重较低的固有印象。
Next.js 实现 PJAX 刷新
Next.js 实现 PJAX 刷新
2025/02/05
开发
/
前端
---
#React
#Next.js
#PJAX
#React
#Next.js
#PJAX
Next.js 中实现 PJAX 无刷新跳转的技术方案。作者针对 React 与传统 PJAX 直接修改 DOM 导致的水合冲突问题,提出了一种利用 Next.js 原生 useRouter 和 usePathname 钩子的替代方案。通过拦截全局 A 标签点击事件并结合 Zustand 进行全局状态广播,实现了类似 SPA 的页面局部加载与过渡动画效果,该方案无需复杂的服务器端配置即可在 Next.js 站点中通用。
#React
#Next.js
#PJAX
Next.js 中实现 PJAX 无刷新跳转的技术方案。作者针对 React 与传统 PJAX 直接修改 DOM 导致的水合冲突问题,提出了一种利用 Next.js 原生 useRouter 和 usePathname 钩子的替代方案。通过拦截全局 A 标签点击事件并结合 Zustand 进行全局状态广播,实现了类似 SPA 的页面局部加载与过渡动画效果,该方案无需复杂的服务器端配置即可在 Next.js 站点中通用。
Zustand 实现 React 全局状态管理
Zustand 实现 React 全局状态管理
2025/02/05
开发
/
前端
---
#React
#Zustand
#Hooks
#React
#Zustand
#Hooks
一种基于 Zustand 库的 React 全局状态管理方案。该方案通过封装 useBroadcast、useEvent 和 useFunction 三个自定义 Hook,分别实现了全局广播、事件管理及动态函数注册调用,有效解决了 React 组件间通信繁琐及 Context API 使用不便的问题。
#React
#Zustand
#Hooks
一种基于 Zustand 库的 React 全局状态管理方案。该方案通过封装 useBroadcast、useEvent 和 useFunction 三个自定义 Hook,分别实现了全局广播、事件管理及动态函数注册调用,有效解决了 React 组件间通信繁琐及 Context API 使用不便的问题。
React 实现图片点击放大
React 实现图片点击放大
2025/02/05
开发
/
前端
---
#React
#图片
#React
#图片
React 中实现图片点击放大效果的组件开发指南。该组件通过 useEffect 监听带有 data-zoomable 属性的图片,利用 DOM 操作(克隆节点、计算位置)配合 CSS Transform 实现平滑的位移与缩放动画,并特别处理了 React Strict Mode 下可能出现的重复触发问题,适用于博客等内容展示场景。
#React
#图片
React 中实现图片点击放大效果的组件开发指南。该组件通过 useEffect 监听带有 data-zoomable 属性的图片,利用 DOM 操作(克隆节点、计算位置)配合 CSS Transform 实现平滑的位移与缩放动画,并特别处理了 React Strict Mode 下可能出现的重复触发问题,适用于博客等内容展示场景。
使用字典倒排索引进行静态内容搜索
使用字典倒排索引进行静态内容搜索
2025/01/20
开发
/
后端
---
#全文搜索
#搜索引擎
#node.js
#全文搜索
#搜索引擎
#node.js
index-search 是一个基于单字字典倒排索引的高性能静态资源搜索方案,旨在解决传统前端静态搜索需全量加载数据的瓶颈。该工具通过将文本拆分为单字并分别存储索引,实现按需请求,在中文搜索场景下可显著降低流量消耗;文章详细阐述了其针对中文优化的运行原理、高达 13157% 的性能提升对比,以及完整的 Node.js 索引生成与前端并发搜索的实现代码。
#全文搜索
#搜索引擎
#node.js
index-search 是一个基于单字字典倒排索引的高性能静态资源搜索方案,旨在解决传统前端静态搜索需全量加载数据的瓶颈。该工具通过将文本拆分为单字并分别存储索引,实现按需请求,在中文搜索场景下可显著降低流量消耗;文章详细阐述了其针对中文优化的运行原理、高达 13157% 的性能提升对比,以及完整的 Node.js 索引生成与前端并发搜索的实现代码。
JS 模拟 Arknights 卡池
JS 模拟 Arknights 卡池
2025/01/14
游戏
---
#JavaScript
#node.js
#明日方舟
#JavaScript
#node.js
#明日方舟
使用 JavaScript 模拟明日方舟各类卡池期望抽数的代码合集。作者基于 Node.js 进行了十亿次蒙特卡洛模拟,详细计算了在双 UP、单 UP、联动池(含保底机制)、限定池(含井)等不同规则下,获取任意六星、指定六星及满潜所需的平均期望抽数,并提供了可直接运行的测试代码与统计数据。
#JavaScript
#node.js
#明日方舟
使用 JavaScript 模拟明日方舟各类卡池期望抽数的代码合集。作者基于 Node.js 进行了十亿次蒙特卡洛模拟,详细计算了在双 UP、单 UP、联动池(含保底机制)、限定池(含井)等不同规则下,获取任意六星、指定六星及满潜所需的平均期望抽数,并提供了可直接运行的测试代码与统计数据。
Minecraft Paper 服务器插件推荐
Minecraft Paper 服务器插件推荐
2025/01/12
游戏
/
Minecraft
---
#Minecraft
#Paper
#Minecraft
#Paper
Minecraft Paper 服务器的插件推荐清单。本文作为 Paper Server 指南的补充,按类别罗列了版本兼容、功能扩充、玩法扩展、优化及维护等常用插件,并详细提供了 AuraSkills、CoreProtect 等插件的中文汉化配置方法与翻译文本。
#Minecraft
#Paper
Minecraft Paper 服务器的插件推荐清单。本文作为 Paper Server 指南的补充,按类别罗列了版本兼容、功能扩充、玩法扩展、优化及维护等常用插件,并详细提供了 AuraSkills、CoreProtect 等插件的中文汉化配置方法与翻译文本。
优化 JWT 的安全性
优化 JWT 的安全性
2025/01/08
开发
/
后端
---
#Next.js
#JWT
#Web安全
#Next.js
#JWT
#Web安全
一种通过引入时间戳校验来解决JWT泄露后难以即时失效问题的技术方案。针对标准JWT无法手动禁用且可能存在多个有效凭证的缺陷,该方法在RTheme项目中利用lastUseAt字段,将登录时间戳同时存入数据库与Token荷载中。系统在验证时通过比对数据库记录与Token内的时间戳是否一致,确保只有最新的Token处于激活状态,从而实现一旦JWT泄露,用户只需重新登录即可立即使旧凭证失效的安全机制。
#Next.js
#JWT
#Web安全
一种通过引入时间戳校验来解决JWT泄露后难以即时失效问题的技术方案。针对标准JWT无法手动禁用且可能存在多个有效凭证的缺陷,该方法在RTheme项目中利用lastUseAt字段,将登录时间戳同时存入数据库与Token荷载中。系统在验证时通过比对数据库记录与Token内的时间戳是否一致,确保只有最新的Token处于激活状态,从而实现一旦JWT泄露,用户只需重新登录即可立即使旧凭证失效的安全机制。
使用 KV Cache 作为在线临时数据库
使用 KV Cache 作为在线临时数据库
2024/12/21
开发
/
后端
---
#JavaScript
#node.js
#Serverless
#KV
#JavaScript
#node.js
#Serverless
#KV
KV Cache 是一个基于 Serverless API 的键值对存储系统,能将数据库操作转化为 HTTP 请求,为联网项目提供便捷的非关系型数据库服务。文章详细介绍了该项目的安全机制(如 UUID 防扫、密码保护、IP 白名单)、API 接口的使用方法以及在 Vercel 上的部署流程,最后还分享了一个利用 404 机制实现的在线剪切板前端案例。
#JavaScript
#node.js
#Serverless
#KV
KV Cache 是一个基于 Serverless API 的键值对存储系统,能将数据库操作转化为 HTTP 请求,为联网项目提供便捷的非关系型数据库服务。文章详细介绍了该项目的安全机制(如 UUID 防扫、密码保护、IP 白名单)、API 接口的使用方法以及在 Vercel 上的部署流程,最后还分享了一个利用 404 机制实现的在线剪切板前端案例。
关于备案…
关于备案…
2024/12/18
杂谈
---
个人博客域名备案及随后注销的全过程记录。作者基于亲身经历,不推荐使用国外服务器的个人博客进行备案,主要原因在于备案对评论系统的限制以及潜在的严格审核风险。文中详细叙述了在阿里云提交备案、等待审核、意外通过以及最终为了规避风险而迅速注销的经过。
个人博客域名备案及随后注销的全过程记录。作者基于亲身经历,不推荐使用国外服务器的个人博客进行备案,主要原因在于备案对评论系统的限制以及潜在的严格审核风险。文中详细叙述了在阿里云提交备案、等待审核、意外通过以及最终为了规避风险而迅速注销的经过。
Minecraft Paper Server 指南
Minecraft Paper Server 指南
2024/11/23
游戏
/
Minecraft
---
#Minecraft
#Paper
#Minecraft
#Paper
Paper 服务器是一个基于 Spigot 的高性能 Minecraft 游戏服务器,旨在大幅提高性能并提供更多高级功能。本指南详细阐述了 Paper 服务器的创建与管理流程,涵盖 Java 环境搭建、服务端下载与启动、关键配置文件(server.properties、paper-global.yml 等)的深度解析与优化参数推荐,以及服务器的日常维护、定时备份与版本升级策略。
#Minecraft
#Paper
Paper 服务器是一个基于 Spigot 的高性能 Minecraft 游戏服务器,旨在大幅提高性能并提供更多高级功能。本指南详细阐述了 Paper 服务器的创建与管理流程,涵盖 Java 环境搭建、服务端下载与启动、关键配置文件(server.properties、paper-global.yml 等)的深度解析与优化参数推荐,以及服务器的日常维护、定时备份与版本升级策略。
在 Github 中使用 Readme Tree
在 Github 中使用 Readme Tree
2024/11/05
开发
/
工具
---
#Markdown
#Python
#Markdown
#Python
Readme-tree 是一个利用 GitHub Actions 在代码提交时自动为 README 文档添加项目树状文件图的开源工具。它可以直观地展示仓库的文件层次结构,解决项目结构展示不清的问题,并支持显示文件大小、相对路径以及隐藏特定目录(如 .git)等自定义设置。文章详细介绍了该工具的快速部署步骤、详细参数配置方法以及如何使用配套的撤销组件来移除生成的树状图。
#Markdown
#Python
Readme-tree 是一个利用 GitHub Actions 在代码提交时自动为 README 文档添加项目树状文件图的开源工具。它可以直观地展示仓库的文件层次结构,解决项目结构展示不清的问题,并支持显示文件大小、相对路径以及隐藏特定目录(如 .git)等自定义设置。文章详细介绍了该工具的快速部署步骤、详细参数配置方法以及如何使用配套的撤销组件来移除生成的树状图。
RLog:可能是 NodeJs 端最好的日志系统
RLog:可能是 NodeJs 端最好的日志系统
2024/10/26
开发
/
工具
---
#JavaScript
#node.js
#TypeScript
#NPM
#JavaScript
#node.js
#TypeScript
#NPM
RLog 是一个旨在让 console.log 变得更加优雅的 Node.js 端日志库。它不仅支持自动着色、时间戳添加、信息等级判断以及高性能的文件异步写入,还提供了进度条显示、隐私内容隐藏及灵活的配置选项,帮助开发者通过简单的 API 替换实现更高效的调试与记录。
#JavaScript
#node.js
#TypeScript
#NPM
RLog 是一个旨在让 console.log 变得更加优雅的 Node.js 端日志库。它不仅支持自动着色、时间戳添加、信息等级判断以及高性能的文件异步写入,还提供了进度条显示、隐私内容隐藏及灵活的配置选项,帮助开发者通过简单的 API 替换实现更高效的调试与记录。
使用C语言进行排序算法性能比较
使用C语言进行排序算法性能比较
2024/10/20
算法
---
#C语言
#排序
#C语言
#排序
六种经典排序算法的C语言实现及其性能基准测试。内容涵盖冒泡、选择、插入、快速、归并和堆排序的完整代码编写,通过生成10万数据的随机数组进行耗时统计,并利用简单的文本可视化对比了不同时间复杂度算法在运行效率上的显著差异。
#C语言
#排序
六种经典排序算法的C语言实现及其性能基准测试。内容涵盖冒泡、选择、插入、快速、归并和堆排序的完整代码编写,通过生成10万数据的随机数组进行耗时统计,并利用简单的文本可视化对比了不同时间复杂度算法在运行效率上的显著差异。
-
-
-
-
1
2
-
-
-
-
文章 - 第 1 页 | RavelloH's Blog