这个博客是怎么搭起来的

一、前端和后端分开在哪

这个博客不是一堆写死的网页文件，而是前后端分离的：

• 前端：你打开网站看到的页面（首页列表、文章正文、留言框）。它们是几个固定的 HTML/CSS/JS 文件，负责「展示」，本身不存任何内容。
• 后端：几个跑在 Cloudflare 上的接口函数，负责「存取数据」——文章和留言都存在数据库里，前端通过接口向它要数据、提交数据。

简单说：访客看到的是「前台」，你登录后能发文、审留言的是「后台」。 两者用同一套数据，但权限不同——访客只能看和留言，你还能写和删。

二、怎么发文和管理

打开 管理后台，用站长账号登录后就能：

• 写新文章：填标题、摘要、正文，选栏目，点保存就发布。
• 改文章 / 删文章：列表里每条都有「编辑」「删除」按钮。
• 审留言：含链接的留言会先进「待审」，你在后台点「通过」它才会显示；垃圾留言直接删。

三、技术栈（一句话版）

• 托管：Cloudflare Pages（免费、全球 CDN）。
• 后端：Cloudflare Pages Functions（接口函数）。
• 数据库：Cloudflare D1（SQLite，存文章和留言）。
• 前端：手写 HTML + CSS + 原生 JavaScript，零框架零依赖。

四、安全是怎么做的

• 全站强制 HTTPS（HSTS 一年）。
• 严格的内容安全策略：只允许本站自己的脚本和样式运行，外来脚本一律拦。
• 后台密码不存明文，登录后发一个签名的会话，7 天有效。
• 留言有七道防垃圾闸：蜜罐字段、提交间隔限制、IP 加盐哈希限流、链接数上限、含链接进待审、长度限制、内容不执行。