DEV Community · Show DEV9/2 11:0454 分
用无头Chrome和CSS自动生成博客封面
I generate every blog cover with headless Chrome and a bit of CSS, no design tool
作者介绍了一种无需设计工具即可自动生成博客封面的方法。他使用无头Chrome命令行截图功能,通过指定窗口大小和页面尺寸,将HTML卡片渲染为1000x420的PNG图片。整个过程只需一条Chrome命令,配合CSS样式设计卡片外观,包括渐变、网格、强调色等。作者提供了一个Python脚本,用于填充模板中的占位符(如标题、强调色),生成每篇文章的定制封面。该方法避免了重复的手工设计工作,适合定期发布内容的创作者。作者强调无需Puppeteer或Playwright,仅用Chrome自带功能即可实现。