中考前最后一次优化本?..

简单记录一下博客最近的一些改动?

字体

全站字体换成了字体，通过 CDN 加载?

https://f.xxu6.top/2427/font.ttf

之前试过直接?URL，但中文字符需要编码，后来干脆换了个短链接?

评论系统

手搓了一个评论系统，部署?Cloudflare 上?

Extalk 是什?

Extalk 是一个基?Cloudflare Workers ?D1 数据库构建的评论系统，专为静态博客设计?

技术架构：

• 后端：Cloudflare Workers（边缘计算）
• **数据?*：Cloudflare D1（SQLite?
• 前端：轻量级 JS 客户?

*为什么选它?

1. 免费 - Cloudflare 免费额度完全够用，零成本
2. *速度? - 全球 275+ 边缘节点，首屏加?40ms
3. 轻量 - 不拖慢页面，?Disqus 等轻得多
4. 数据可控 - 数据存在自己账户下，随时可导?
5. *易部? - 基于 Workers，几分钟就能搞定

*功能?

• 评论、回复、点?
• Markdown 支持
• 邮件通知（可选）
• 反垃圾评?
• 浏览量和点赞统计

现在每篇文章底部都有评论框，欢迎来玩?

评论系统的代码已经集成到博客里，每篇文章加载时会自动初始化?

浏览量和点赞

每篇文章都有浏览量和点赞数的显示，数据存在评论系统里?

页面切换时会自动刷新数据，不用手动刷新页面?

这个功能是通过调用评论系统?API 实现的，每次页面加载或切换时都会请求最新数据?

SEO

加了一?SEO 相关的东西：

• JSON-LD 结构化数据（文章、首页、关于页?
• canonical 链接
• robots meta 标签
• Open Graph 标签

具体有没有用还不知道，反正加上总比不加好?

Banner 动画

首页 Banner 加了打字机效果，副标题会轮播?

HI I am UpXuu
upxu and you...
Life, coding and everything

动画代码?BannerTitle.astro，用?while(true) 循环，页面切换时不会重启，避免动画重复执行导致乱码?

移除?1la统计

*在其他平台发现有人反应会做跳转跳?

*处理?

1. 立即删除了所?51LA 相关代码
2. 全面排查了其他第三方脚本
3. 更新了所有依?
4. 决定不再使用任何第三方统计服?

其他

• 网站图标换了
• 优化了页面切换动?
• 修复了一些小问题

技术栈

• Astro 5.x
• Tailwind CSS
• Swup（页面切换）
• Extalk（评论）

后续

暂时没想到，有问题再改吧?