使用 Hugo + GitHub Actions 自动生成数据,并通过 Cloudflare Pages 自动部署(含部署钩子)
一问题场景
二解决方案总览
三详细操作步骤
四构建配置 (Cloudflare Pages)
五总结
多个地点统计并绘制地图(使用高德地图统计出现次数)
一功能概述
二引入高德地图 API
三初始化地图与 Geocoder
四地点统计与地图绘制逻辑
五完整示例代码(HTML + JS)
在 CKEditor 中集成自定义 Markdown 插件
一背景与动机 传统的所见即所得(WYSIWYG)编辑器擅长可视化排版,但在书写包含大量公式代码长文档时,Markdown 的简洁与可读性更胜一筹。将两者结合,可以既享受 Markdown 的轻量书写,又能即时预览所见效果。本示例基于 CKEditor 4,演示如何编写一个自定义插件,将 M...
如何在 CKEditor 中集成 Cloudflare R2 存储
在这篇文章中,我们将学习如何在 CKEditor 中集成 Cloudflare R2 对象存储。Cloudflare R2 是一种 S3 兼容的对象存储服务,可以方便地存储和管理静态文件。我们将使用 Go 语言和 Cloudflare 提供的 SDK 来完成文件上传,并通过 CKEditor 进行图...
如何在 CKEditor 中集成 Excalidraw 插件并实现双击或右键编辑图形功能
引言 CKEditor 是一个非常流行的富文本编辑器,提供了丰富的插件和定制功能。而 Excalidraw 是一个开源的图形绘制工具,能够帮助用户创建漂亮的手绘风格图形,可以导入json(用AI生成json导入,比如copilot)。在本篇文章中,我们将介绍如何将 Excalidraw 集成到...
教程:用轻松打造你的技术图标墙
skillicons.dev 是一个非常流行且强大的在线工具,它能让你通过一个简单的 URL 链接,快速生成包含各种技术 Logo 的 SVG 图片。这对于在个人主页、在线简历或 GitHub Profile README 中直观展示你的技能栈非常有用。 这篇教程将带你了解它的三种核心...
移动端响应式优化viewport
一、设置视口(Viewport)元标签
二、利用 Bootstrap 的响应式栅格
三、针对手机端放大字体与图片
四、优化卡片排版
五、增强触控体验
构建基于 llama.cpp 的本地离线大型语言模型 Web 接口的实现与分析
摘要: 大型语言模型(LLMs)的本地离线部署为解决云端 API 访问的隐私、延迟和成本问题提供了有效途径。llama.cpp 库凭借其高效的 CPU 推理能力,成为本地 LLM 运行的重要工具。本文详细介绍并分析了一个基于 Node.js 作为后端服务器,利用 Socket.IO 实现实时通信,并...
NAS(OpenResty/nginx)上挂载本地音乐目录,并通过浏览器或博客播放。
1. 教程概览
2. 环境准备
3. 挂载音乐目录到 NAS
4. 配置目录权限
5. OpenResty/nginx 配置