简要介绍

Lighthouse 是一个网站质量测评工具，它是由 Google 开源的一个自动化工具，内嵌在 Chrome 开发者工具里面。它能够对 PWA 或网页多维度的效果指标进行审计，并给出对应缺陷的修复意见和一些最佳实践的调整建议，以帮助开发者改进网站的整体质量，包括但不限于：^{[^1]}

• 性能：如内存占用，CPU/GPU 使用率，Worker 线程调度等
• 响应：加载速度，资源缓存等
• 安全性：CSP，SSL 等
• 易使用性：页面色彩对比度，图标大小，元素间隔，残障用户操作友好等
• SEO: 搜索引擎优化

测评完成后，它会生成一个有关页面性能的报告。通过该报告，我们就可以知道需要采取哪些措施来改进应用的性能和体验。就像 TDD 测试驱动开发一样，根据反馈，红黄或绿，调整策略，优胜劣汰，迭代优化，臻於至善。^{[^2]}

- More -

问题背景

虽然 Typecho 原生支持 Markdown 语法，但是代码块部分只是用等宽字体+颜色置灰进行简单装饰，并不能像 Github 那样运用丰富多彩的颜色规则来高亮代码。然而没有颜色的代码，就像没有了灵魂，可读性可谓是呈断崖式下降，关键字、变量名和函数名都不分你我，共灰白一色。

我的需求

为了可读性，建站之后，代码高亮便提上日程。我梳理了自己的需求，主要有

• 着色代码: 语法高亮
• 多种语言：基础的包括 JS, PHP, Go, Python 和 C/C++ 等，后续如果要学习 Rust 或 TS 希望能方便地接入
• 软件生态：使用的人数多不多，代码更新迭代是否勤快，Issue 处理及时性
• 可扩展性：能否扩展小功能？如代码支持拷贝，左侧显示行数，显示所用语言
• 方便部署：部署时会考虑代码包压缩后的大小，是否容易嵌入已有的代码结构中

- More -