速度计（现在使用11ty）"
onerror="var hero=this.parentNode; hero.classList.add('is-fallback'); this.remove();"
>
Blog Awesome
·
查看全新Blog Awesome上的速度计（现在使用11ty）
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
Blog Awesome网站现已使用Eleventy静态网站生成器构建，提升了项目的耐用性和性能。尽管前端已脱离WordPress，但内容创建方式保持不变。新工具可轻松导入WordPress内容，并优化图像和代码，同时使用新的Font Awesome插件进一步提升网站性能和用户体验。
🎯
关键要点
- Blog Awesome网站现在使用Eleventy静态网站生成器构建，提升了项目的耐用性、稳定性和性能。
- 尽管前端已脱离WordPress，内容创建方式保持不变，技术作者仍可直接从WordPress CMS撰写和发布新内容。
- 新推出的@11ty/import工具可以轻松导入WordPress内容，包括博客文章、图像、视频、CSS和JavaScript，并进行优化。
- 使用@11ty/font-awesome插件，网站为每个页面构建SVG图标精灵表，提升了开发者体验和网站性能。
- 通过@11ty/image-color插件，网站能够自动解析图像颜色，优化头部文本、图标和logo的颜色对比度。
- 新网站提供了更快的用户体验，性能指标显示出显著改善。
❓
延伸问答
Blog Awesome网站现在使用什么工具构建？
Blog Awesome网站现在使用Eleventy静态网站生成器构建。
尽管前端脱离WordPress，内容创建方式有什么变化吗？
内容创建方式保持不变，技术作者仍可直接从WordPress CMS撰写和发布新内容。
新推出的@11ty/import工具有什么功能？
@11ty/import工具可以轻松导入WordPress内容，包括博客文章、图像、视频、CSS和JavaScript，并进行优化。
@11ty/font-awesome插件如何提升网站性能？
@11ty/font-awesome插件为每个页面构建SVG图标精灵表，提升了开发者体验和网站性能。
新网站在用户体验上有什么改善？
新网站提供了更快的用户体验，性能指标显示出显著改善。
如何自动优化图像颜色以提升网站效果？
通过@11ty/image-color插件，网站能够自动解析图像颜色，优化头部文本、图标和logo的颜色对比度。
➡️
