基于 Hugo + Cloudflare Pages + D1 (SQLite) + R2 (对象存储) + PWA 构建的个人全能书签管理系统
使用 Cloudflare Access 为你的网站特定页面添加安全登录
Cloudflare Pages + D1 免费动态网站开发
在这篇文章中,我们将从创建第一个 D1 数据库开始,一步步构建一个由 Cloudflare Pages 驱动前端D1 数据库提供后端支持的全栈应用。我们将详细解析 wrangler.toml 的每一项配置,阐明本地开发和云端部署的核心命令,并揭示那些导致“表不存在”或&l...
使用 FullCalendar CDN 快速集成月视图报告日历
引言
环境准备
Step 1: 引入 FullCalendar 资源
Step 2: HTML 结构
Step 3: JavaScript 初始化日历
使用 Wrangler 无需 wrangler.toml 的两种登录方式及 Python 上传示例
1. Wrangler 登录方式(无需配置文件)
2. 部署方式一:无
3. 部署方式二:上传到 Cloudflare Pages(无配置文件)
4. Python 脚本:自动上传 HTML 文件到 Cloudflare Pages
🧩 扩展建议
使用 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 集成到...