2025/02/04 新年伊始,博客框架由动态的 Typecho 转向静态的 Astro,放弃 Typecho 并非是由于性能问题,单纯是想折腾。

2025/02/06 大部分内容已完成向 Astro 的迁移,超链接已全部更新,懒得为搜索引擎做重定向了,几十篇比较落后技术的文章直接删除,仅当一个新的博客运营。

2025/02/09 博主使用的是 cirry 大佬基于 Astro 框架的 astro-yi 主题,在测试过程中发现还有优化的空间,面对自己喜欢将程序优化至最佳的强迫症,必须动手改造一番,现已将 PageSpeed Insights 的分数提升至全部 100 分。

Astro 满分 PageSpeed Insights

Astro 最佳免费部署方案及优缺点(国外):

方案访问速度优点缺点
Github + CloudFlare Pages⭐⭐⭐管理方便、套 CF 安全节点速度慢
Github Pages⭐⭐⭐万用之选、管理方便容易被阻断
Github + Vercel⭐⭐⭐⭐管理方便、CDN 在亚太仅 100G/月流量
Vercel⭐⭐⭐⭐⭐部署方便、CDN 在亚太仅 100G/月流量

Microsoft VS Code 的 常用扩展:

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans // 中文语言包
https://marketplace.visualstudio.com/items?itemName=huacnlee.autocorrect // 自动纠错
https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens // 版本控制

收藏一下常用命令:

Set-ExecutionPolicy RemoteSigned // 解决Microsoft VS Code权限报错的问题
npm config set prefix E:\npm // 设置npm安装位置
npm config set cache R:\Cache // 设置npm缓存位置
npm init -y // 初始化package.json
npm install // 安装node_modules
npm run dev // 本地开发预览
npm i -g vercel // 安装Vercel-Cli
npm cache clear --force // 清理npm缓存
vercel login // 登录授权Vercel
npm run build // 生产构建
vercel --prod // Vercel更新部署
npm install --no-frozen-lockfile // 解决安装新依赖包后Vercel部署报错的问题
npm run astro preferences disable devToolbar --global // 禁用Astro开发工具栏
npx astro add @playform/compress // Astro自动压缩静态资源包

2025/02/16 Astro 主题LD-1已经上线,现已完成第一阶段的测试,未来将进行各类调试与优化,并且争取功能、样式、性能都能趋向于完美。

2025/02/17 刚开始的时候对 LD-1 主题优化的有些过度,导致分数虽高但影响了正常的功能,今天又重新优化了一下,功能恢复正常使用,同时提升了性能。现在 LD-1 主题的 GTmetrix 等级评为 A,PageSpeed Insights 的分数全部为 100。

总结:优化有度,千万不要过度优化。

Astro GTmetrix 等级 A

Astro PageSpeed Insights 分数 100