Posts

使用 Cloudflare Pages 搭建个人博客的完整指南 Cloudflare Pages 是 Cloudflare 提供的免费静态网站托管服务，支持无缝集成 GitHub/GitLab，自动构建部署，提供全球 CDN 加速、免费 SSL 证书、无限带宽和请求（免费额度内）。它非常适合搭建个人博客，尤其是结合静态站点生成器（如 Hugo、Hexo、Astro 或 Jekyll），速度快、成本为零，且国内访问体验优于 GitHub Pages。 以下是 Cloudflare Pages 博客搭建的完整流程图： graph TD A[准备前提条件] --> B[安装Hugo并创建本地博客] B --> C[推送到GitHub仓库] C --> D[在Cloudflare Pages部署] D --> E{是否需要自定义域名?} E -->|是| F[绑定自定义域名] E -->|否| G[博客搭建完成] F --> G subgraph 前提条件 A1[GitHub账号] A2[Cloudflare账号] A3[可选自定义域名] end subgraph 本地开发 B1[安装Hugo Extended版本] B2[创建新站点] B3[添加主题] B4[配置网站] B5[创建文章] B6[本地预览] end subgraph GitHub托管 C1[创建仓库] C2[添加远程仓库] C3[提交推送代码] end subgraph Cloudflare部署 D1[连接GitHub仓库] D2[配置构建命令] D3[设置环境变量] D4[保存并部署] end subgraph 域名配置 F1[DNS迁移到Cloudflare] F2[添加自定义域名] F3[更新baseURL配置] end 下面以最流行的 Hugo（推荐：生成速度极快、Go 语言编写）为例，详细说明步骤。如果你更喜欢 Hexo（Node.js 기반），步骤类似，只需调整构建命令。 ...

欢迎来到我的博客 这是我使用Hugo和PaperMod主题创建的第一个博客文章。 关于这个博客 这个博客将用来分享我的学习笔记、技术心得和生活感悟。 Hugo的优势 速度快：Hugo是最快的静态网站生成器之一 主题丰富：有许多精美的主题可以选择 部署简单：生成的是纯静态文件，可以部署到任何静态文件服务器 Markdown支持：使用Markdown写作，简单高效 希望大家喜欢我的博客！

Goxue Engine：专为儿童设计的互动式教育平台 大家好！今天我想和大家分享我最近开发的一个开源项目——Goxue Engine。这是一个专门为儿童设计的互动式教育平台，集成了多种现代化的技术栈和创新的教学功能。 项目背景 作为教育科技领域的探索者，我发现现有的教育平台大多缺乏互动性和趣味性。孩子们在使用传统教育软件时，往往感到枯燥无味，学习效果不佳。因此，我决定开发一个更加生动有趣的教育平台，让学习变成一种享受。 🚀 核心特性 1. 强大的内容创作工具 Markdown 编辑器 基于 v-md-editor 的专业级Markdown编辑器，让内容创作变得简单直观。支持实时预览、代码高亮等功能。 # 数学知识点 今天我们来学习加法运算： $$a + b = c$$ 通过可视化动画来理解这个概念... Canvas 动画展示 这是项目的一个亮点功能！支持自定义JavaScript动画代码，实现交互式问题解析。 主要功能： 🎬 重播动画功能 🖥️ 全屏播放支持 📱 响应式画布尺寸适配 ⚡ 流畅的动画性能 // 数学动画示例：加法过程可视化 function drawAddition(a, b) { const canvas = document.getElementById('math-canvas'); const ctx = canvas.getContext('2d'); // 绘制第一组物体 for(let i = 0; i < a; i++) { drawCircle(50 + i * 40, 100, 15, '#ff6b6b'); } // 绘制第二组物体 for(let i = 0; i < b; i++) { drawCircle(50 + i * 40, 150, 15, '#4ecdc4'); } // 动画效果：合并过程 animateMerge(); } Mermaid 思维导图 支持多种图表类型，让抽象概念可视化： mindmap root((数学学习)) 基础运算 加法 减法 乘法 除法 几何图形 圆形 三角形 正方形 应用题 购物计算 时间问题 距离测量 2. 交互式图表控制 为了提升用户体验，我实现了强大的图表交互功能： ...