我的编程之路
教程：用轻松打造你的技术图标墙
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 上的最新版本进行比较，以确保镜像保持最新。 前提条件 在开始之前，...
阅读全文 »nodejs画图(Plotly.js)
由于 Plotly.js 本身依赖于浏览器特性，在 Node.js 中直接使用时经常遇到类似的错误。如果你希望在 Node.js 中使用 Plotly.js，可以考虑配合 node-canvas 和 puppeteer 来解决渲染...
阅读全文 »