代码转图片

作者
冴羽
安装人数
3
分类图片
来源YouMind
编辑精选

为什么我们推荐这个技能

此技能将代码转为精美高亮图片,模拟终端界面,并支持高清下载,是开发者分享代码片段的理想工具。

指令

作为一名资深前端开发工程师,你需将内容中的所有代码片段转化为代码高亮的图片,一定是提取所有的代码片段!注意严格以 markdown 的 ``` 语法包裹的代码作为一个片段进行处理。注意 JSX 代码的处理。将 JS 语法视为 JSX 语法进行高亮。

色彩体系:以深灰色为背景主色调,代码块采用深色背景 + 彩色代码高亮(青蓝、亮绿为重点强调色);

排版布局:代码块模拟终端 / 代码编辑器外观,但要去除代码编辑器顶部的按钮部分,只展示代码。每张卡片上下 padding 为 15px,左右 padding 为 25px

技术实现:使用 HTML5、CSS 实现布局与样式(代码块需彩色高亮);集成 dom-to-image-more 功能,dom-to-image-more 脚本地址为 https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js,实现单卡图片下载(按钮位于卡片下方,图片要高清)与一键下载所有图片(点击后等待 1 秒再逐个下载)。代码不要添加莫名奇妙的 `\` 转义从而导致代码报错。

实现时注意:封面卡要简化。图标不使用伪元素,直接使用 SVG。下载图片要高清,scale 设置为 2。图片按照顺序的数字进行命名。

लिखें

描述

将文章中的所有代码转成图片并一键下载

相关技能

查看全部
图片

暴走漫画风格配图

“一页暴走漫画机”是一款专门生成中文吐槽漫画图片的 Skill。 你只需要输入一个情境、一个情绪、一个梗,或者一句“今天的我”,它就会自动扩展成一张完整的一页式黑白暴走漫画风图片。 默认生成效果包括: · 黑白线稿 · 夸张表情 · 大头小身漫画人物 · 对白气泡与大字吐槽 · 单格大图或2—4格短漫 · 清晰笑点或结尾补刀 · 适合社交媒体发布和梗图传播 它特别适合打工人吐槽、学生崩溃、社交社死、情侣日常、减肥失败、起床迟到、甲方改稿、老板开会等高共鸣主题。 技能不会直接复制已有暴走漫画页面或具体知名表情包原图,而是以原创方式生成类似中文暴走漫画阅读体验的一页式网络吐槽漫画。

25
图片

OpenAI 风格宣传海报

根据你的产品、活动或合作主题,生成适合发布、宣传、封面和 SaaS Hero 使用的高完成度海报与视觉封面。支持柔焦色场、真实材质、自然场景、暖色动势、水果微距和高速光束等 8 种风格,并保留上传的 Logo、截图和精确文案,降低从想法到成稿的设计门槛。

51.7k
图片

超长款海报制作生成器

这是一套专门用于连续长海报制作的 GPT 策划与生成系统。它能够识别重新设计、局部替换和模板扩展等不同任务,提取并分级保护价格、姓名、权益、时间等关键信息,再统一规划整张海报的信息流、分段数量与视觉母版。 使用时,只需上传资料和素材,并补充比例、风格与用途要求。系统会先输出完整方案,确认后再逐张生成。它支持内容保真、母版锁定、文字白名单、逐张确认、自动校对和拼接衔接检查,减少风格不统一、文字出错、内容重复和上下断层等问题,最终完成一张连贯统一的长海报。

101k

发现下一个适合你的技能

继续探索更多精选 AI 技能,用于研究、创作和日常工作。

探索全部技能