G/ren的小破站

封面视觉设计

简单的配置项，生成极高视觉水准的封面

---

大标题 (Title)

核心导读摘要 (Subtitle) 探索现代前端最高效的实用原子化样式方案，从零构建响应式高阶暗黑模式组件。

主分类标签

作者署名

风格样式排版模板

现代科技 卡片悬浮 高亮留白

精选 Emoji

💻 ⚡ 🎨 📦

尺寸比例 2:1 (1200x600) 自适应 16:9 (1280x720) 社交卡片 1:1 (800x800) 正方形

高端渐变配色背景（高饱和度以保证字迹可读）

下载无损超清 PNG 封面

实时渲染画布 (2x 超清)

双击或通过下载按键可无损保存为 2x 采样高清图

GPU 渲染流畅

Front Matter 变量元配置

控制静态渲染引擎识别的标题、分类与自定义变量

---

文章主标题 (Title)

自定义访问别名 (Slug)

发布时间 (Date)

作者署名 (Author)

多级分类 (Categories)

回车或逗号分隔快速添加

标签矩阵 (Tags)

回车或逗号分隔快速添加

一键同步博文要素到封面画板

YAML (Hugo/Astro) TOML (Hugo)

仅复制标头 复制完整模板

index.md yaml

Markdown 文章输入

将你在博客写好的 Markdown 直接粘贴在这里

载入排版演示样例

微信排版渲染预览

使用专为开发者优化的排版主题样式

一键“带格式”拷贝

图片 WebP 极速压缩

大幅缩减博文配图体积，纯前端秒级处理

---

点击上传图片 或 拖拽图片至此处

支持 PNG, JPG, WEBP 拖入格式

压缩质量 Quality 80%

最大宽度限制 (选填) 保留空则不缩放

极速生成 WebP 图像

压缩数据对比分析

展示前后大小及最终节省的空间率

一键下载 WebP

原始图

-

压缩后 WebP

-

操作已成功

© 2026 hehehey.top | 独立博客超级排版与性能工作台