我的编程之路
如何在 CKEditor 中集成 Cloudflare R2 存储
在这篇文章中，我们将学习如何在 CKEditor 中集成 Cloudflare R2 对象存储。Cloudflare R2 是一种 S3 兼容的对象存储服务，可以方便地存储和管理静态文件。我们将使用 Go 语言和 Cloudflare 提供的 SDK 来完成文件上传，并通过 CKEditor 进行图...
阅读全文 »如何在 CKEditor 中集成 Excalidraw 插件并实现双击或右键编辑图形功能
引言 CKEditor 是一个非常流行的富文本编辑器，提供了丰富的插件和定制功能。而 Excalidraw 是一个开源的图形绘制工具，能够帮助用户创建漂亮的手绘风格图形，可以导入json（用AI生成json导入，比如copilot）。在本篇文章中，我们将介绍如何将 Excalidraw 集成到 C...
阅读全文 »教程：用轻松打造你的技术图标墙
skillicons.dev 是一个非常流行且强大的在线工具，它能让你通过一个简单的 URL 链接，快速生成包含各种技术 Logo 的 SVG 图片。这对于在个人主页、在线简历或 GitHub Profile README 中直观展示你的技能栈非常有用。 这篇教程将带你了解它的三种核心用法： ...
阅读全文 »<p>移动端响应式优化viewport</p>
一、设置视口（Viewport）元标签 <head> <!-- 强制浏览器视口宽度等于设备屏幕宽度，且初始缩放比例为 1 --> <meta name="viewport" content="width=device-width, initial-scale...
阅读全文 »<p>构建基于 llama.cpp 的本地离线大型语言模型 Web 接口的实现与分析</p>
摘要： 大型语言模型（LLMs）的本地离线部署为解决云端 API 访问的隐私、延迟和成本问题提供了有效途径。llama.cpp 库凭借其高效的 CPU 推理能力，成为本地 LLM 运行的重要工具。本文详细介绍并分析了一个基于 Node.js 作为后端服务器，利用 Socket.IO 实现实时通信，并...
阅读全文 »<p>NAS（OpenResty/nginx）上挂载本地音乐目录，并通过浏览器或博客播放。</p>
1. 教程概览 本文将带你完成以下步骤： 环境准备 挂载音乐目录到服务器 配置目录权限 安装并配置 OpenResty/nginx 编写 nginx 配置（alias、autoindex、CORS、UTF-8） 重载并测试访问 在博客中嵌入播放器 常见问题与排查 2. 环...
阅读全文 »Anime.js V4 前端动画：零配置，纯 HTML 玩转炫酷效果
前端动画是提升用户体验、增强网站活力的重要手段。虽然现在有很多复杂的动画库和框架（如 React Spring, Vue Transition, Framer Motion 等），但有时候我们只需要在简单的 HTML 页面上实现一些酷炫的动画效果，而不想引入复杂的构建工具（如 Webpack, Vi...
阅读全文 »如何根据邮箱地址获取用户头像
在很多应用场景中，我们需要根据用户的邮箱地址来展示他们的头像，尤其是在聊天应用、社交平台等中，头像是用户个性化展示的重要部分。本文将介绍如何通过两种常见的头像服务来实现这一功能：QQ 邮箱头像 和 Gravatar。 1. 背景介绍 QQ 邮箱头像：QQ 邮箱用户可以...
阅读全文 »<p>ECharts: 强大的数据可视化利器 - 介绍与实践</p>
在数据驱动的时代，如何有效地展示和传达数据信息变得至关重要。数据可视化是将复杂数据转化为直观图形的过程，而 ECharts 正是这一领域中的佼佼者。本文将带你认识 ECharts，并展示如何通过简单的步骤创建出丰富多样的交互式图表。 引入 ECharts 库 (使用 CDN) 为了让下面的示例能...
阅读全文 »使用 GitHub Actions 自动检查Docker 镜像是否更新
在现代软件开发中，保持 Docker 镜像的最新状态对于确保应用的安全性和稳定性至关重要。本文将详细介绍如何使用 GitHub Actions 自动检查服务器上的 Docker 镜像，并与 Docker Hub 上的最新版本进行比较，以确保镜像保持最新。 前提条件 在开始之前，...
阅读全文 »