基于 Hugo + Cloudflare Pages + D1 (SQLite) + R2 (对象存储) + PWA 构建的个人全能书签管理系统

不仅支持浏览器插件无缝双向同步，更具备原生应用级的离线访问能力网页自动快照存档以及多维度的热度可视化。 🌟 核心突破与特性 1. 📶 极致的离线体验 (PWA 微型数据库) 断网可用：采用 Service Worker 深度缓存机制，在无网络环境下依然能秒开书签列表。 本地 SQL...

Cloudflare Pages + D1 免费动态网站开发

在这篇文章中，我们将从创建第一个 D1 数据库开始，一步步构建一个由 Cloudflare Pages 驱动前端D1 数据库提供后端支持的全栈应用。我们将详细解析 wrangler.toml 的每一项配置，阐明本地开发和云端部署的核心命令，并揭示那些导致“表不存在”或&ld...

使用 FullCalendar CDN 快速集成月视图报告日历

引言 在自动化报告系统中，我们常常需要以日历方式展示已生成报告的日期，方便用户一目了然地查看和跳转。FullCalendar 是一个功能丰富易于集成的 JavaScript 日历库。本文演示如何通过 CDN 方式引入 FullCalendar v6.1.18，在页面中快速搭建“报告日...

使用 Wrangler 无需 wrangler.toml 的两种登录方式及 Python 上传示例

Cloudflare 的 Wrangler CLI 是部署 Workers上传资源或发布静态网站的强大工具。在服务器容器或 CI/CD 中，我们常常不希望维护 wrangler.toml 配置文件，而是依赖环境变量和命令行参数来完成登录和部署。 本文详细介绍： 两种 Wrangler 登录...

使用 Hugo + GitHub Actions 自动生成数据，并通过 Cloudflare Pages 自动部署（含部署钩子）

静态站点生成器 Hugo 与 Cloudflare Pages 非常适配，但当你用 GitHub Actions 自动生成内容（比如数据文件）时，会遇到一个常见问题 —— Cloudflare Pages 跳过部署，显示「无可用部署」。 本文手把手教你如何解决这个问题，通...

多个地点统计并绘制地图（使用高德地图统计出现次数）

在前端项目中，我们经常需要根据用户数据中的地点信息，在地图上标出这些地点，并统计出现频次。例如，用户日志中提取出“城市: 北京”“城市: 上海”，然后将这些地点在地图上以圆点或热力图的形式展示。 本文介绍如何使用 高德地图 JavaScript A...

在 CKEditor 中集成自定义 Markdown 插件

一背景与动机 传统的所见即所得（WYSIWYG）编辑器擅长可视化排版，但在书写包含大量公式代码长文档时，Markdown 的简洁与可读性更胜一筹。将两者结合，可以既享受 Markdown 的轻量书写，又能即时预览所见效果。本示例基于 CKEditor 4，演示如何编写一个自定义插件，将 Mark...

GitHub Fork + Cloudflare Pages 一键部署LibreTV

如何在 CKEditor 中集成 Cloudflare R2 存储

在这篇文章中，我们将学习如何在 CKEditor 中集成 Cloudflare R2 对象存储。Cloudflare R2 是一种 S3 兼容的对象存储服务，可以方便地存储和管理静态文件。我们将使用 Go 语言和 Cloudflare 提供的 SDK 来完成文件上传，并通过 CKEditor 进行图...

如何在 CKEditor 中集成 Excalidraw 插件并实现双击或右键编辑图形功能

引言 CKEditor 是一个非常流行的富文本编辑器，提供了丰富的插件和定制功能。而 Excalidraw 是一个开源的图形绘制工具，能够帮助用户创建漂亮的手绘风格图形，可以导入json（用AI生成json导入，比如copilot）。在本篇文章中，我们将介绍如何将 Excalidraw 集成到 C...