视频链接:https://youtu.be/TUn0c2jtxII?si=kLxwyXURJ-FUylnx
欢迎来到翔宇工作流!我是小宇,本期视频将带您了解如何利用Make实现小红书图文笔记的批量化制作和自动化创作。我们将通过网页数据结构化提取、大模型内容生成和网页转图片工具,批量制作财经词汇知识卡片,实现百张图片的一键生成,极大提高创作效率。
小报童工作流源文件下载:
https://xiaobot.net/post/93681d59-288a-4c82-b39f-1a477b6bda0c
Buy Me A Coffee工作流源文件下载:
https://buymeacoffee.com/xiangyugongzuoliu/16-make
学习内容:
•网页数据结构化提取的基础操作
•利用正则表达式批量处理数据
•如何利用Firecrawl结合大模型提取结构化数据
•HTML/CSS转图片工具的应用
应用场景:
•自动化批量生成小红书图文笔记
•批量制作财经词汇卡片
•提高大规模内容创作的效率
•一键生成百张配图,提升内容制作质量
#自动化 #网页数据提取 #Make #正则表达式 #HTMLtoImage #小红书创作
教程用到的资源:
网址相关:
Make基础教程汇总:
Make注册:
ChatGPT官方API虚拟卡充值:
Firecrawl:
HTML to Image工具:
财经词汇网站:
https://www.economist.com/economics-a-to-z
提示词相关:
提示词1:
# Role: 经济学科普作家
## Profile:
- Author: 翔宇工作流
- Language: 中英文双语
- Description: 以专业严谨的经济学理论为基础,通过通俗易懂的解释、例子以及相关新闻,为读者提供易于理解的经济学名词解读。同时按照输出格式中的要求以中英双语的解释和示例以及新闻输出,确保非专业读者也能理解。
## Attention:
在解释经济学名词时,确保使用准确的专业的经济学术语,同时避免过于复杂的理论描述。通过通俗的例子和相关新闻,使读者能够将理论与实际生活联系起来,增强理解与获得感。每一项内容需保持在130字至140字之间。
## Definition:
经济学名词解释:该文档旨在为读者提供有关特定经济学名词的全面解读,包括其中英文解释、通俗例子、相关新闻。目标是帮助非专业读者更好地理解经济学名词的含义及其现实应用。
## Goals:
1. 提供准确的经济学名词中英文解释,使读者理解名词的专业含义。
2. 通过通俗易懂的例子,帮助读者将理论与实际生活相联系。
3. 提供相关的新闻事件,使读者了解名词的现实应用。
4. 提供中英双语的解释和示例,适用于不同语言背景的读者。
## Skills:
1. 熟练掌握经济学理论,并能够将其转化为通俗易懂的语言。
2. 具备出色的写作技巧,能够将复杂理论转化为易于理解的内容。
3. 能够有效收集和整合相关的新闻信息,以支持名词解释。
4. 能够用中英文解释经济学名词,确保广泛的读者群体能够理解。
## Constrains:
1. 确保经济学名词解释的准确性,不得随意编造或过度简化理论。
2. 通俗例子必须与实际生活相关,确保读者能够产生共鸣。
3. 相关新闻应为近期热点,并与财经名词相关联。
4. 中英文解释和例子需简洁明了,避免使用复杂的术语。
5. 每一项内容需保持在130字至150字之间,具体字数满足输出格式中明确的要求。
6.严格按照输出格式中的要求与字数要求进行输出。
7.输出数据以JSON格式输出。
8.输出内容需要结合稍后发送的网络内容与经济学理论进行输出,不得随意编造。
9.输出解释、例子、新闻的英文需要和中文对应,方便读者理解。
10.输出内容文本中添加表情符号,以丰富表达。
## OutputFormat:
输出结果需以JSON格式呈现,包括以下字段:
- "term": 经济学名词,格式为“中文名词”
- "definition_cn": 中文经济学名词解释,130字至140字。
- "definition_cn_word_count": 中文经济学名词解释字数,例如138。
- "definition_en": 英文经济学名词解释,和中文解释对应,135字至145字。
- "definition_en_word_count": 英文经济学名词解释字数,例如140。
- "example_cn": 中文通俗易懂的例子以实际生活进行举例,最好能以小宇作为参与者进行讲解,具体且真实,130字至140字。
- "example_cn_word_count": 中文通俗易懂的例子字数,例如138。
- "example_en": 英文通俗易懂的例子,和中文解释对应,135字至145字。
- "example_en_word_count": 英文通俗易懂的例子字数,例如140。
- "news_cn": 中文相关新闻,130字至140字。
- "news_cn_word_count": 中文相关新闻字数,例如138。
- "news_en": 英文相关新闻,和中文解释对应,135字至145字。
- "news_en_word_count": 英文相关新闻字数,例如140。
## Workflows:
1. **名词分析**
- 收集和整理该经济学名词的定义和理论背景。
- 确保定义的专业性和准确性,段落中添加适当表情符号,且字数符合要求。
2. **中英文解释撰写**
- 将名词的核心概念用中英文表达,确保广泛的读者群体能够理解,且字数符合要求,输出内容中添加5个以内表情符号丰富表达。
- 避免使用复杂的术语或长句。
3. **通俗化例子解释**
- 设计一个与日常生活相关的例子,使读者更容易理解该名词。
- 确保例子生动且与实际相符,最好能以小宇作为参与者进行讲解,且字数符合要求,输出内容中添加5个以内表情符号丰富表达。
3. **相关新闻整理**
- 从稍后发送的相关网络内容中整理与该名词相关的具有代表性的、能够帮助解释该词汇的一条新闻。
- 将新闻与名词解释相结合,展示其现实应用,且字数符合要求,输出内容中添加5个以内表情符号丰富表达。
5. **质量检查**
- 审阅生成的所有内容,确保信息准确、例子通俗易懂、新闻相关、解释简洁,并且每项内容字数在130字至140字之间。
- 如果有必要,调整内容以提高读者的获得感。
## Initialization:
尊敬的读者,您好!作为一名专业的经济学科普作家,我致力于将复杂的经济学名词转化为易于理解的内容,帮助您更好地理解这些财经词汇。请发送,英文经学名词,解释和相关网络内容。
代码相关:
正则表达式1:
^.{1560}([\s\S]*)
正则表达式2:
^([^\n]+)\n\n([^\n]+)(?=\n\n|\Z)
HTML代码:
<div class=e1_19>
<div class="e1_16"></div>
<span class="e1_3">💵翔宇工作流💵</span>
<span class="e1_4">财经小课堂:{{10.result.term}}</span>
<span class="e1_6">{{10.result.definition_cn}}</span>
<span class="e1_10">解释</span>
<span class="e1_12">Explanation</span>
<span class="e1_14">{{10.result.definition_en}}</span>
</div>
CSS代码:
/* .1_19 类用于防止内容溢出其容器 */
.1_19 {
overflow: hidden; /* 隐藏超出容器的部分 */
}
/* .e1_19 类定义了一个具有绝对定位的容器的尺寸和位置 */
.e1_19 {
width: 1242px; /* 宽度设置为 1242 像素 */
height: 1660px; /* 高度设置为 1660 像素 */
position: absolute; /* 绝对定位,相对于最近的有定位的祖先元素 */
}
/* .e1_16 类设置了容器的大小、位置和背景图像 */
.e1_16 {
width: 1242px; /* 宽度设置为 1242 像素 */
height: 1660px; /* 高度设置为 1660 像素 */
position: absolute; /* 绝对定位 */
left: 0px; /* 距离左侧 0 像素 */
top: -17px; /* 距离顶部 -17 像素 */
background-image: url(https://xiangyugongzuoliu-1309206323.cos.ap-beijing.myqcloud.com/202409211251793.png); /* 设置背景图像 */
background-repeat: no-repeat; /* 背景图像不重复 */
background-size: cover; /* 背景图像将覆盖整个容器 */
}
/* .e1_3 类定义了文本元素的样式 */
.e1_3 {
color: rgba(0, 0, 0, 1); /* 字体颜色为纯黑色 */
width: 350px; /* 宽度为 350 像素 */
height: 61px; /* 高度为 61 像素 */
position: absolute; /* 绝对定位 */
left: 453px; /* 距离左侧 453 像素 */
top: 340px; /* 距离顶部 340 像素 */
font-family: Inter; /* 字体为 Inter */
text-align: left; /* 文本左对齐 */
font-size: 45px; /* 字体大小为 45 像素 */
letter-spacing: 0; /* 字符间距为 0 */
}
/* .e1_4 类用于定义标题样式 */
.e1_4 {
color: rgba(0, 0, 0, 1); /* 字体颜色为黑色 */
width: 952px; /* 宽度为 952 像素 */
height: 194px; /* 高度为 194 像素 */
position: absolute; /* 绝对定位 */
left: 152px; /* 距离左侧 152 像素 */
top: 100px; /* 距离顶部 100 像素 */
font-family: Inter; /* 使用 Inter 字体 */
text-align: center; /* 文本居中对齐 */
font-size: 70px; /* 字体大小为 70 像素 */
letter-spacing: 100; /* 字符间距为 100 像素 */
}
/* .e1_6 类定义了较大文本块的样式 */
.e1_6 {
color: rgba(0, 0, 0, 1); /* 字体颜色为黑色 */
width: 868px; /* 宽度为 868 像素 */
height: 348px; /* 高度为 348 像素 */
position: absolute; /* 绝对定位 */
left: 194px; /* 距离左侧 194 像素 */
top: 590px; /* 距离顶部 590 像素 */
font-family: Inter; /* 使用 Inter 字体 */
text-align: justify; /* 文本左对齐 */
font-size: 38px; /* 字体大小为 38 像素 */
letter-spacing: 4; /* 字符间距为 4 像素 */
line-height: px; /* 行高未定义,可能是个错误 */
}
/* .e1_10 类定义了白色按钮样式 */
.e1_10 {
color: rgba(245, 245, 245, 1); /* 字体颜色为接近白色的颜色 */
width: 516px; /* 宽度为 516 像素 */
height: 61px; /* 高度为 61 像素 */
position: absolute; /* 绝对定位 */
left: 370px; /* 距离左侧 370 像素 */
top: 465px; /* 距离顶部 465 像素 */
font-family: Inter; /* 使用 Inter 字体 */
text-align: center; /* 文本居中对齐 */
font-size: 50px; /* 字体大小为 50 像素 */
letter-spacing: 0; /* 字符间距为 0 */
}
/* .e1_12 类定义了另一处白色文本按钮的样式 */
.e1_12 {
color: rgba(245, 245, 245, 1); /* 字体颜色为接近白色 */
width: 499px; /* 宽度为 499 像素 */
height: 61px; /* 高度为 61 像素 */
position: absolute; /* 绝对定位 */
left: 379px; /* 距离左侧 379 像素 */
top: 990px; /* 距离顶部 990 像素 */
font-family: Inter; /* 使用 Inter 字体 */
text-align: center; /* 文本居中对齐 */
font-size: 50px; /* 字体大小为 50 像素 */
letter-spacing: 0; /* 字符间距为 0 */
}
/* .e1_14 类定义了较大段落文本的样式 */
.e1_14 {
color: rgba(0, 0, 0, 1); /* 字体颜色为黑色 */
width: 868px; /* 宽度为 868 像素 */
height: 433px; /* 高度为 433 像素 */
position: absolute; /* 绝对定位 */
left: 194px; /* 距离左侧 194 像素 */
top: 1110px; /* 距离顶部 1110 像素 */
font-family: Inter; /* 使用 Inter 字体 */
text-align: justify; /* 文本左对齐 */
font-size: 35px; /* 字体大小为 35 像素 */
letter-spacing: 4; /* 字符间距为 4 像素 */
line-height: px; /* 行高未定义,可能是个错误 */
}
如果你喜欢这个影片的话,请点赞留言!
欢迎订阅我的频道,第一时间收到新影片通知!
翔宇自动化工作流教程:Make 和 n8n
• 模版:覆盖Make与n8n工作流,新增n8n工作流。
• 答疑支持:专属社群、翔宇独家答疑及错误排查,让学习更轻松。
• 教学内容:包含中文教程、快捷工具、AI优惠、API讲解、社交采集工作流及精选提示词。
• 海量资源:200+优质内容,全方位教学AI自动化。
小报童和Buymeacoffee专栏内容同步,支持多种支付方式:
国际版-Buymeacoffee专栏链接:
https://buymeacoffee.com/xiangyugongzuoliu/membership
国内版-小报童专栏链接: