Insights / 技术解读

将实施与运营判断沉淀为可复用的知识。

围绕 Astro、Cloudflare、CMS、SEO、无障碍等主题,整理服务与案例背后的设计判断。

Library / 01

技术解读列表

如需先梳理导入思路,请查看实施指南。查看实施指南

  1. Cloudflare Vectorize 与 RAG 入门:理解搜索与 AI 回答的区别

    说明 Cloudflare Vectorize 如何让访客用自然语言更容易找到已公开的信息,并从导入价值、普通搜索的分工、RAG 和分阶段起步方法理解其作用。

    • 技术
    • Cloudflare
    • Vectorize
    • RAG
    • 语义搜索
    • 站内搜索
  2. Cloudflare Vectorize 实现指南:安全同步已发布 HTML

    详细说明如何从已发布 HTML 创建 corpus、保留 Pagefind,并安全运行 Vectorize 同步。

    • 技术
    • Cloudflare
    • Vectorize
    • OpenAI
    • 站内搜索
  3. 让“静默基座”落地:Acecore Systems 网站焕新上线

    Acecore Systems 网站以“静默基座”为主题完成焕新。我们从“现场、机制与运营”三个层面理解业务,并重新设计了从支持方针、服务、案例、价格、实施指南到咨询的完整路径。本文将介绍此次焕新的背景与主要变化。

    • 公告
    • 服务
    • 网站
    • 网站制作
  4. 用 Astro + Cloudflare 逐步扩展官网功能的整体设计

    整理 Acecore 官网如何以 Astro 和 Cloudflare Pages 为基础,组合咨询 AI、Sveltia CMS、多语言博客、服务 CTA、Markdown 安全渲染和 Cloudflare 评论功能。

    • 技术
    • Astro
    • Cloudflare
    • 网站
    • AI
    • CMS
  5. 只用 Cloudflare 为 Astro 博客添加评论功能

    不依赖外部评论服务,只使用 Cloudflare Pages Functions、D1、Turnstile 和 Wrangler 配置,为 Astro 博客实现评论功能的实践记录。

    • 技术
    • Cloudflare
    • Astro
    • 安全
    • 网站
  6. 用 Sveltia CMS 运营多语言博客的方法

    介绍如何用 Sveltia CMS 编辑日语源文章,再通过 GitHub Actions 和 GitHub Copilot 生成翻译 PR,并说明它与界面翻译的区别、对搜索引擎的好处、hreflang、RSS、sitemap 和审核要点。

    • 技术
    • GitHub Copilot
    • i18n
    • CMS
    • SEO
  7. Sveltia CMS 导入指南

    总结在 Astro 等静态网站中导入 Sveltia CMS 的方法,涵盖 GitHub backend、OAuth Worker、图片上传、多语言运维、CMS 专用 PR 流程以及实际修正中得到的经验。

    • 技术
    • CMS
    • Astro
    • Cloudflare
    • 安全
  8. 安全渲染 AI 聊天回答中的 Markdown 链接

    这是一篇关于如何把 AI 聊天回答中的 Markdown 链接安全转换为 HTML 的实现笔记。通过拆分可容忍空白的解析、href trim、允许列表校验、DOM 渲染、fallback 和测试用例,可以把同样的模式复用到其他网站。

    • 技术
    • 网站
    • AI
    • 安全
    • Astro
  9. 将服务CTA上下文传递到咨询表单的技术设计

    这是将用户在服务页面中阅读的上下文传递到咨询表单的实现设计。内容涵盖Astro网站中的迷你CTA、URL参数契约、表单类别的初始选择、主题prefill、多语言URL、GA计量和生成HTML检查,可复用于其他网站。

    • 技术
    • 网站
    • 服务
    • Astro
    • CMS
  10. 在 Astro 网站中加入咨询 AI 聊天的技术设计

    面向 Astro + Cloudflare Pages 静态网站,使用 OpenAI Responses API 加入咨询 AI 聊天的技术设计。整理 API 边界、站内信息上下文、提示词控制、按 locale 生成 URL、Origin 检查、限流以及安全的 Markdown 链接渲染。

    • 技术
    • Cloudflare
    • 网站
    • AI
    • 服务
  11. Hatt 的主页已公开

    我们公开了“Hatt 的主页”,这是一个汇总绘画、小说以及面向 VRChat 的 3D 头像和机关制作的个人网站。网站使用 Astro、Sveltia CMS 和 Pagefind 构建,设计目标是让创作活动能够持续发布和积累。

    • 公告
    • 网站制作
    • 网站
    • CMS
    • Astro
  12. 网站制作费用行情与报价时的关键注意事项

    按目的整理网站制作费用行情,说明报价时应确认的事项以及在预算内实现成效的思路。

    • 网站制作
    • 网站
    • SEO
    • 服务
  13. Cloudflare 过去的付费 SSL 选项到底是什么:从 Dedicated SSL 到 Advanced Certificate Manager

    Cloudflare 过去的付费选项“Dedicated SSL Certificates(专用 SSL 证书)”在 2021 年升级并更名为“Advanced Certificate Manager(ACM)”。本文说明它与免费 Universal SSL 的区别,以及何时需要 ACM。

    • 技术
    • Cloudflare
    • 安全
    • 基础设施
  14. Astro 站点品质改善指南 续篇 - 达成 PageSpeed Insights 全项目 100 分的最终调整

    记录上一篇文章之后完成的最后一轮优化:停用 Cloudflare Web Analytics、延后加载 GA4 与搜索 UI、实现 PageSpeed Insights 移动端与桌面端四项全满分、整理 Search Console 中的面包屑与索引策略、迁移到共享 SVG 图标,以及说明哪些额外优化尝试过但没有采纳。

    • 技术
    • Astro
    • 性能
    • 无障碍
    • SEO
    • 网站
  15. Astro 站点品质改善指南 ― 从 PageSpeed 移动端99分的达成之路

    将 Astro + UnoCSS + Cloudflare Pages 架构的站点从性能、SEO、无障碍性、UX 四个维度进行优化,达成 PageSpeed Insights 移动端99分、桌面端全项100分的完整记录。

    • 技术
    • Astro
    • 性能
    • 无障碍
    • SEO
    • 网站
  16. 使用GitHub Copilot × Playwright对网站进行猴子测试的实践方法

    结合VS Code的智能体模式(GitHub Copilot)和Playwright浏览器工具,对静态网站进行系统化猴子测试的实践记录。从测试设计思路到实际发现并修复的Bug、改进建议,全部公开。

    • 技术
    • GitHub Copilot
    • VS Code
    • Astro
    • 网站
  17. Astro View Transitions的坑与解决方案 ― UX与代码质量改善指南

    介绍Astro View Transitions中脚本失效问题的解决方案、Pagefind全文搜索的引入、TypeScript类型安全性的提升、常量统一管理等改善UX和代码质量的实践指南。

    • 技术
    • Astro
    • 网站
  18. 将Astro网站的无障碍性提升至WCAG AA标准的实践指南

    介绍在Astro + UnoCSS构成的网站上实施无障碍改进的全部步骤。涵盖aria属性、对比度、焦点管理、表单验证、屏幕阅读器适配等WCAG AA标准所需的全部措施。

    • 技术
    • Astro
    • 无障碍
  19. 为Astro网站实现结构化数据和OGP的SEO改善指南

    总结了在Astro + Cloudflare Pages构成的网站上正确实现JSON-LD结构化数据、OGP、站点地图和RSS的步骤。从Google Rich Results适配到RSS Feed优化,介绍实践性的SEO改善措施。

    • 技术
    • Astro
    • SEO
  20. 将 Astro 7 网站扩展至9种语言 ― 博客翻译与多语言架构

    记录了将 Astro 7.1.3 + UnoCSS + Cloudflare Pages 架构的网站扩展至9种语言的过程。涵盖从UI国际化到博客文章翻译、Pages CMS多语言配置的全部流程。

    • 技术
    • Astro
    • i18n
    • 网站
  21. 让 GitHub Copilot 完成全部报税工作 ― 从837条记账分录到申报提交

    利用云会计数据对接积累的837条记账分录的分类验证,到社保金额核对、扣除项输入、申报提交。将实际工作几乎全部交给 GitHub Copilot Agent Mode × Simple Browser 完成报税的全过程记录。

    • 技术
    • GitHub Copilot
    • VS Code
  22. 从 Zoho Mail 迁移到 KAGOYA MAIL 的实践指南 ― DNS·认证·数据清理

    从 Zoho Workplace 迁移到 KAGOYA MAIL 的步骤、DNS 设置、SPF/DKIM 认证、Zoho Workplace 整体数据清理的实践记录。

    • 技术
    • 邮件
    • DNS
    • 基础设施
  23. 提升Astro网站PageSpeed的实用技巧

    面向Astro、UnoCSS和Cloudflare Pages网站的实用优化技巧,涵盖CSS分发、字体设置、响应式图片、当前AdSense与GA4加载方式以及缓存配置。

    • 技术
    • Astro
    • 性能
  24. 使用 Cloudflare Pages 实现安全的静态站点部署

    关于在 Cloudflare Pages 上部署静态站点,以及通过 _headers 配置安全头和 CSP 的实践指南。同时介绍了从 Worker 回归 Pages 的经过。

    • 技术
    • Cloudflare
    • 安全
  25. 从 VitePress 迁移到 Starlight ― 统一文档站点的框架

    将使用 VitePress + UnoCSS 构建的事业计划文档迁移到 Astro + Starlight,在两个项目间统一框架的记录。同时介绍了 Mermaid 图表的 CDN 迁移。

    • 技术
    • Astro
    • Starlight