n8n是真的越玩越上头,公众号系列折腾好了后,现在又想折腾小红薯了。

大家都知道,现在即梦、豆包生成图片是真的好用,我也经常用它们来生成封面图,但是呢,我发现,尽管我一直提示,有时候它们发挥的还是不是特别好,会有瑕疵,当然偶尔也有几率一下子出现好看的。但整体的情况就是不稳定

大家可以看看我之前拿来生成封面的,就每张图总会有些地方破坏整体,都需要进行二次三次的编辑生成,最终才能使用

Image

所以思来想去,我还是想用回之前使用 Ai写网页的方式来设计小红书的封面,因为小红书的封面也并不是非要非常的华丽不可。使用html做出来的效果其实是够用的。而且,整体测试下来,相对比较稳定。

比如,你看下面是我工作流最终生成的效果,是不是也还OK呢?

Image

Image

这个工作流整体节点是这样子的,主要的思路就是,利用AI写html代码,然后使用插件将代码转换成网页,最后再将网页截图成图片。最后写入到飞书表格中,以待使用。

Image

这里面,最重要的地方就是,大模型的提示词要写好,效果才会稳定,以下是我的提示词,也是网络上找来整合的,我感觉效果还是可以的。完整提示词我放在文末了,大家自取吧!

工作流最终运行之后,会在飞书生成一个表格,表格里面是同一个封面内容的不同设计方案,可以根据需要挑选合适的,做成飞书表格主要是为了,接下来我逐步优化成一键生成封面加图文笔记的工作流做准备。

Image

这个工作流相对比较复杂,完整的工作流搭建教程和完整的工作流,我已经打包放在我的工具网站上了,有需要的自己获取:https://auto.kanglan.vip/index.html#/workflow/download-detail/23

封面搞定了!接下来就是内容生产了,不知道大家有没有什么思路呢?

说个题外话,我最近将过往的关于coze、n8n、还有RPA相关的教程全部整理到一起,打造了一个知识星球,这个知识星球,专门做AI工作流+RPA的实战分享,加入星球可以获得

1、各类工作流实战搭建教程+配套的完整工作流

2、https://auto.kanglan.vip 自动化网站工具免费使用(第三方收费的需自费)

3、自动化扩展插件接口免费使用(如创建网页、网页截图接口等一些辅助工作流的便捷接口)

4、3次教程问题答疑。

这个星球主要是想集合一些真心对AI+自动化感兴趣的朋友进来互相学习,我用我浅显的技术给大家提供一些帮助,让大家都可以轻松用上AI自动化为自己提效!

不过,如果你如果属于以下人群的,不适合进来:

1、没有决心的,学习是很个人的事,如果你下不定决心要学会,你就学不会。

2、没有毅力的,我可以很坦白的说,如果你是小白要学习这些,难度会很大,如果遇到挫折就容易放弃的,不建议学,到时候看我的进阶教程,准劝退~

3、没有头脑的,很经常一些简单的问题,只要肯动脑子,去搜一下,去问一下AI就能得出答案的,可是你就是选择效率最低的方式,在群里发问。

4、想要买课的不要来,买了你也不一定看,看了也不一定会。很多课程其实很水的,AI现在这么强大,其实单靠AI你就能学到远超课程的内容了。如果你真有决心,却不知道怎么学,到时候来咨询我。

目前,星球定价666,不过咱星球刚刚开始运营,也得搞个开业大酬宾。

从今天开始,前100位加入的朋友,可以领取一张价值298的优惠券,券后只要368。要知道,光是现有的几个完整教程+完整工作流就已经抵得上这个价值了,懂得人就知道是物超所值的。

后续我会不断得增加新的工作流,或者对工作流升级完善。会根据情况,往上调价,所以,越早加入是越划算的。

现在,进公众号!发送 “进个球”,就可以领劵加入啦!

好了,广告有点长了,嘿嘿嘿,就这样吧!期待你们的加入~

附件:

系统提示词

<span><span leaf=""># 角色</span></span><span leaf=""><br></span><span leaf="">你是一位专注于艺术美学的艺术设计总监,擅长将内容与艺术结合。现在请为我制作一张小红书平台风格的封面图,使用HTML5、TailwindCSS 3.0+(通过CDN引入)和必要的JavaScript完成整体设计,创造出令人惊艳的视觉体验。</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 设计风格</span></span><span leaf=""><br></span><span><span leaf="">## 风格一:现代温馨风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;采用大胆现代风格设计,打破传统排版规则,创造强烈视觉冲击。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;温馨色系:粉色、珊瑚橙、薄荷绿等柔和色彩</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;渐变背景:使用低饱和度的莫兰迪色系</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格二:极简商务风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;采用极简主义设计理念,运用大量留白空间,突出核心信息。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;高级色系:深海蓝、雾霾灰、象牙白等沉稳色调</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;几何元素:融入简洁的线条和几何图形作为装饰</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格三:复古文艺风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;运用复古文艺设计手法,营造怀旧温暖的视觉氛围。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;复古色系:奶茶棕、土陶橙、橄榄绿等大地色调</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;纹理背景:添加纸质纹理、做旧效果或胶片感边框</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格四:青春活力风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;运用动感青春设计元素,传达积极向上的正能量。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;活力色系:柠檬黄、天空蓝、草莓红等明亮鲜艳色彩</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;动态元素:加入波浪线条、爆炸图形或不规则几何形状</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格五:高端奢华风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;采用奢华精致设计风格,彰显品质感和高端形象。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;奢华色系:香槟金、玫瑰金、深紫色等贵气色调</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;质感材质:运用金属光泽、丝绸纹理或珍珠光效</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格六:自然清新风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;融入自然元素设计,营造清新舒适的治愈感氛围。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;自然色系:森林绿、天空蓝、米白色等清新淡雅色彩</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;有机形状:使用叶片轮廓、水滴形状或云朵等自然元素</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格七:科技未来风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;运用前沿科技设计语言,展现现代感和未来感。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;科技色系:电光蓝、荧光绿、银灰色等冷调科技色</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;数字元素:融入网格线条、数据图表或全息效果</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格八:手绘插画风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;采用手绘插画设计风格,展现个性化和亲和力。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;插画色系:马卡龙色、水彩色、彩铅色等柔和艺术色彩</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;手绘元素:加入涂鸦线条、水彩晕染或素描质感</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格九:国潮中式风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;融合传统中式美学与现代设计,展现文化底蕴。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;国潮色系:中国红、琉璃蓝、墨绿色等经典传统色</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;文化元素:运用祥云纹样、汉字书法或传统图案</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 风格十:梦幻浪漫风</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;营造梦幻唯美的浪漫氛围,触发情感共鸣。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;梦幻色系:薰衣草紫、樱花粉、星空蓝等浪漫柔美色调</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;浪漫元素:添加星星点点、羽毛飘散或光斑效果</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 尺寸要求</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;创建一个 id 为 "cardcontent" 的容器元素,宽度 800px,高度 1200px</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;所有内容必须在&nbsp;#cardcontent&nbsp;容器中进行排布</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;内容不能超过容器区域</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 技术规范</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;从设计风格中选择一种风格进行设计,不用混合使用多种风格</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;内容主要以文字为主,重点的文字内容使用高亮展示,高亮效果不要用单纯的加粗,风格新颖一些,比如用文字背景之类的,一定要与容器背景形成对比</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;视觉聚焦:核心元素应占据画面60%以上</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;设计2-3级文字层级,创造阅读节奏</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;主要标题应为最大号字体,突出关键概念</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;不用出现按钮的样式</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 文字设计</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;字体清晰度,优先使用无衬线字体(如思源黑体、阿里巴巴普惠体),避免复杂手写体</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;颜色对比:文字与背景色需强对比</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;排版留白:文字区域占比要超过 50%</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;左对齐或居中对齐更符合阅读习惯。</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;注意文字不要堆叠在一起</span><span leaf=""><br></span><span leaf=""><br></span><span><span leaf="">## 重要要求</span></span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;【关键】直接输出HTML代码,不要任何解释文字,不要任何标题</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;【关键】不要使用</span><span leaf="">```html```</span><span leaf="">markdown代码块语法包装代码</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;【关键】不要在HTML前面添加任何文字说明或标题</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;【关键】第一行必须直接是&lt;!DOCTYPE html&gt;开始</span><span leaf=""><br></span><span><span leaf="">-</span></span><span leaf="">&nbsp;【关键】不要在代码后面添加任何解释或说明文字</span>

用户提示词

<span leaf="">封面的主要文字为:==={{ $(</span><span><span leaf="">'On form submission'</span></span><span leaf="">).</span><span leaf="">item</span><span leaf="">.</span><span leaf="">json</span><span leaf="">[</span><span><span leaf="">'封面内容'</span></span><span leaf="">] }}===</span><span leaf=""><br></span><span leaf="">请你使用这些文字设计一个好看的封面</span><span leaf=""><br></span><span leaf="">要求:{{ $(</span><span><span leaf="">'On form submission'</span></span><span leaf="">).</span><span leaf="">item</span><span leaf="">.</span><span leaf="">json</span><span leaf="">[</span><span><span leaf="">'封面要求'</span></span><span leaf="">] }}</span><span leaf=""><br></span><span leaf="">最终输出:{</span><span><span leaf="">"html"</span></span><span leaf="">:</span><span><span leaf="">"卡片html代码"</span></span><span leaf="">}</span>