最終會(huì)生成的內(nèi)容：4 張圖片（1 張封面頁(yè)，3 張內(nèi)容頁(yè)），如下圖：
我們要實(shí)現(xiàn)上圖工作流，需要先搭建「2 個(gè)圖像流，1 個(gè)工作流，1 個(gè)卡片，1 個(gè) Bot」，如下所示：
通過搭建「圖像流」來生成下圖這張封面：
圖像流拆解：
1. 圖像流：創(chuàng)建
輸入「名稱、描述」，點(diǎn)擊「確認(rèn)」，名稱可命名為「xhs_cover_page」，如下圖：
點(diǎn)擊「確認(rèn)」后，進(jìn)入圖像流編輯頁(yè)面，默認(rèn)有 2 個(gè)節(jié)點(diǎn)：「開始、結(jié)束」，如下圖：
2. 封面頁(yè)元素拆解配置
「封面頁(yè)」元素拆解， 共 8 個(gè)圖文元素：
- 考慮到頁(yè)面布局的美觀性，「主標(biāo)題」拆分成兩行顯示；
- 「副標(biāo)題」也拆分成兩行顯示；
- 封面配圖需要 3 個(gè)與主題相關(guān)的插圖元素，需要文生圖 3 個(gè)提示詞。
「開始」節(jié)點(diǎn)：輸入 8 個(gè)元素的「變量、描述」信息，如下圖：
先來文生圖，生成 3 個(gè)圖像元素，通過添加「圖像生成」工具來實(shí)現(xiàn)，具體操作步驟如下：
3. 添加「圖像生成」工具：生成 3 個(gè)圖像元素
要生成 3 個(gè)元素，就需要分別添加「圖像生成」工具，先添加生成主元素，如下圖：
① 為「主元素」添加「圖像生成」工具：
鏈接：將「開始」節(jié)點(diǎn)和「圖像生成」工具連接起來，每新建一個(gè)卡片記得要連接呀~
重命名：雙擊可重命名，改為「主體元素生成」，如下圖：
輸入：新增一個(gè)參數(shù)「main_img」，變量值為「引用-開始 main_img_prompt」，如下圖：
提示詞：「正向提示詞」輸入以下內(nèi)容：你也可以定義自己想要的風(fēng)格；「負(fù)向提示詞」可不填，如果生圖有問題，可以根據(jù)具體情況添加
1 個(gè){{main_img}}，簡(jiǎn)單插畫，卡通風(fēng)格，純白色背景, 兒童簡(jiǎn)筆畫
② 為「輔元素 1」添加「圖像生成」工具：
添加：為了少填寫寫幾個(gè)字段信息，我直接通過復(fù)制來添加，如下圖：
重命名為「輔助元素生成_1」，如下圖：
連接：將「開始」節(jié)點(diǎn)和第 2 個(gè)「圖像生成」工具鏈接起來，如下圖：
輸入：參數(shù)名改為「element_img1」，變量值為「引用-開始 element_img_prompt1」，如下圖：
提示詞：「正向提示詞」輸入以下內(nèi)容：你也可以定義自己想要的風(fēng)格；「負(fù)向提示詞」可不填。
1 個(gè){{element_img1}}，簡(jiǎn)單插畫，卡通風(fēng)格，純白色背景, 兒童簡(jiǎn)筆畫
③ 為「輔元素 2」添加「圖像生成」工具：
添加：直接復(fù)制添加，如下圖：
重命名：改為「輔助元素生成 _2」，如下圖：
連接：將「開始」節(jié)點(diǎn)和第 3 個(gè)「圖像生成」工具鏈接起來，如下圖：
輸入：參數(shù)名改為「element_img2」，變量值為「引用-開始 element_img_prompt2」，如下圖：
提示詞：「正向提示詞」輸入以下內(nèi)容：你也可以定義自己想要的風(fēng)格；「負(fù)向提示詞」可不填。
1 個(gè){{element_img2}}，簡(jiǎn)單插畫，卡通風(fēng)格，純白色背景, 兒童簡(jiǎn)筆畫
4. 添加「智能摳圖」工具：為 3 個(gè)元素?fù)笀D
為了讓最終封面圖的整體性更好一些，需要對(duì)生成的 3 個(gè)封面元素，進(jìn)行摳圖。通過添加 3 個(gè)「智能摳圖」工具，分別為每一個(gè)圖像元素進(jìn)行摳圖，最后會(huì)生成 3 個(gè)透明格式（.png）圖像元素。
① 為「主元素」添加「智能摳圖」工具
添加：「智能摳圖」工具，如下圖：
連接：將「主體元素生成」工具和第 1 個(gè)「智能摳圖」工具連接起來，如下圖：
重命名：雙擊改名為「主體摳圖」，如下圖：
輸入：參數(shù)「上傳圖」，參數(shù)值為「引用-主體元素生成 data」，如下圖：
② 為「輔元素 1」添加「智能摳圖」工具：
添加：直接復(fù)制添加，如下圖：
重命名：雙擊改名為「輔助元素?fù)笀D_1」，如下圖：
連接：將「輔助元素生成_1」工具和「輔助元素?fù)笀D_1」工具連接起來，如下圖：
輸入：參數(shù)「上傳圖」，參數(shù)值為「引用-輔助元素生成_1 data」，如下圖：
③ 為「輔元素 2」添加「智能摳圖」工具：
添加：通過復(fù)制添加「智能摳圖」工具，如下圖：
重命名：命名為「輔助元素?fù)笀D_2」，如下圖：
連接：將「輔助元素生成_2」和「輔助元素?fù)笀D_2」連接起來，如下圖：
輸入：參數(shù)「上傳圖」，參數(shù)值為「引用-輔助元素生成_2 data」，如下圖：
小結(jié)：目前搭建的所有內(nèi)容全圖，如下：
5. 添加「畫板」排版
添加畫板，是為了告訴程序，我們要怎樣展示前面生成的所有圖文元素，就是排版，以便輸出相對(duì)美觀的頁(yè)面。
添加：添加畫板工具，如下圖：
連接：將上面的 3 個(gè)摳圖工具與「畫板」進(jìn)行連接，如下圖：
元素設(shè)置：通過新增「元素」，將封面頁(yè)要展示的 8 個(gè)元素，輸入到畫板，如下圖：
圖像-元素值-引用：封面圖展示的是 _img 3 個(gè)摳圖元素，所以要引用藍(lán)色 icon「智能摳圖」工具里的「data」，所以不要錯(cuò)選成圖像生成工具啦~，如下圖：
文本-元素值-引用：封面圖要展示的是 5 個(gè)文本元素，不要引用「開始-xx_prompt」哦，因?yàn)槟?3 個(gè)是文生圖提示詞，不是我們要展示的文本哦，如下圖：
Tips：如果這里引用錯(cuò)了，可以再多思考理解下哦~
畫板編輯：上面的「元素設(shè)置」，每新增引用一個(gè)，畫板里就新增一個(gè)元素，如下圖：這里僅是預(yù)覽，不可操作
特別提醒：編輯「畫板」時(shí)，不要使用快捷回退鍵，因?yàn)閷?duì)畫板無效，回退的是「圖像流」的操作步驟！
畫板：如要編輯，需要點(diǎn)擊「畫板編輯」右側(cè) icon，展開「畫板」，可對(duì)所有元素進(jìn)行編輯，如下圖：
畫板功能：
畫板設(shè)置：「畫板尺寸」設(shè)置為「寬: 1080 * 高: 1440」；「畫板顏色」選擇白色 #ffffff；其他使用默認(rèn)，如下圖：
上傳背景圖：這里我上傳的是在設(shè)計(jì)軟件里自己做的一張圖，也可以直接找自己喜歡的背景圖，上傳進(jìn)來，因?yàn)樵诋嫲謇镒鰣D太痛苦，捂臉哭...
置底背景圖：上傳的圖默認(rèn)在最上面，點(diǎn)擊「置底」，讓這個(gè)背景圖到最后一層，如下圖：
文本排版：調(diào)整文本元素，排列成自己想展示的效果
title 文本設(shè)置：
① 字體顏色：「130 字號(hào)、左對(duì)齊、區(qū)塊文本、字語(yǔ)酷黑體、色值 #3D6F5C」，如下圖：
② 展示字?jǐn)?shù)設(shè)置：如這里不做限定展示字?jǐn)?shù)，當(dāng)生成的文本過多時(shí)，會(huì)自動(dòng)折行現(xiàn)實(shí)，所以為達(dá)到一行展示效果，需要通過拖動(dòng)寬高來做限制，當(dāng)生成的文本超出字?jǐn)?shù)會(huì)自動(dòng)截取，「title1、title2」2 個(gè)元素需要分別調(diào)整，如下圖：
sub_title 文本設(shè)置：
① 字體顏色：「46 字號(hào)、左對(duì)齊、區(qū)塊文本、思源黑體/常規(guī)體、色值 #3D6F5C」，如下圖：
② 展示字?jǐn)?shù)設(shè)置：和 title 文本操作一樣，拖動(dòng)限定展示字?jǐn)?shù)，2 個(gè)元素需要分別調(diào)整，如下圖：
③ _img 圖像設(shè)置：默認(rèn) 3 個(gè)元素是堆疊在一起的，如下圖：
放大「main_img」圖像，作為主元素展示，縮小「element_img1」拖到左上角，縮小「element_img2」拖到右下角，如下圖：
name 文本設(shè)置：
① 字體顏色：「24 字號(hào)、居中對(duì)齊、區(qū)塊文本、思源黑體/常規(guī)體、色值 #ffffff」，如下圖：
特別提醒：拖到上面設(shè)置好，再拖動(dòng)到最下面，因?yàn)橥系较旅嬖O(shè)置畫板就被遮擋住了，沒法用，所有的元素都是這樣子的，有點(diǎn)點(diǎn)無語(yǔ)...
最終調(diào)整后效果如下圖：
左側(cè)「畫板編輯」會(huì)一直實(shí)時(shí)預(yù)覽顯示在畫板上的設(shè)置，如下圖：
6. 結(jié)束
結(jié)束：將「畫板」工具與「結(jié)束」節(jié)點(diǎn)連接，如下圖：
輸出變量：參數(shù)名「output」，參數(shù)值為「引用-畫板 data」，如下圖：
完成：完整「圖像流」效果，如下圖：
7. 試運(yùn)行
點(diǎn)擊右上角「試運(yùn)行」
試運(yùn)行編輯：輸入各個(gè)「必填項(xiàng)」內(nèi)容，提前預(yù)覽下效果，如下圖：
點(diǎn)擊「運(yùn)行」
運(yùn)行成功后：如下圖：
8. 圖像流發(fā)布
點(diǎn)擊右上角「發(fā)布」，以便后續(xù)工作流調(diào)用使用
圖像流-列表：點(diǎn)擊「發(fā)布」后進(jìn)入圖像流列表頁(yè)，可以看到剛才創(chuàng)建的圖像流，如下圖：
完成上面封面頁(yè)圖像流的搭建，內(nèi)容頁(yè)圖像流對(duì)我們來說就比較簡(jiǎn)單啦~
通過搭建「圖像流」來生成下圖這張封面：
圖像流拆解：
1. 圖像流：創(chuàng)建
操作路徑「?jìng)€(gè)人空間-圖像流-創(chuàng)建」，輸入必填項(xiàng)，名稱為「xhs_content_page」，點(diǎn)擊「確認(rèn)」：
點(diǎn)擊「確認(rèn)」后，進(jìn)入圖像流編輯頁(yè)面，默認(rèn)有 2 個(gè)節(jié)點(diǎn)：「開始、結(jié)束」，如下圖：
2. 內(nèi)容頁(yè)元素拆解配置
「內(nèi)容頁(yè)」元素拆解， 共 8 個(gè)圖文元素，如下圖：
「開始」節(jié)點(diǎn)：新增變量，輸入 8 個(gè)元素的「變量、描述」信息，如下圖：
3. 添加「畫板」排版
添加「畫板」
連接：「開始」與「畫板」進(jìn)行連接，如下圖：
元素設(shè)置：通過新增「元素」，將內(nèi)容頁(yè)要展示的 8 個(gè)元素，輸入到畫板，如下圖：
畫板設(shè)置：點(diǎn)擊右側(cè) icon，展開畫板，如下圖：
畫板尺寸：默認(rèn)是「16:9」，小紅書配圖一般是 3:4 比例，改為「寬: 1080 * 高: 1440」，輸入寬高，前面自動(dòng)改為「自定義」，正常邏輯應(yīng)該是選項(xiàng)里應(yīng)該有個(gè)
自定義選項(xiàng)，選擇后再輸入，不糾結(jié)這個(gè)，具體如下圖：
上傳背景圖：自己做的一張圖，上傳進(jìn)來，如下圖：
文本排版：背景圖「置底」，開始調(diào)整文本布局，3 個(gè)「sub_title、content」一定要按順序由上到下排列哦~
全部調(diào)整完成后效果如下圖：
4. 結(jié)束
連接「畫板」與「結(jié)束」節(jié)點(diǎn)，如下圖：
輸出變量：參數(shù)名「output」，參數(shù)值「引用-畫板 data」，如下圖：
完成：完整圖像流，如下圖：
5. 試運(yùn)行
輸入所有必填項(xiàng)，如下圖：
運(yùn)行：點(diǎn)擊右下角「運(yùn)行」
運(yùn)行成功
輸出效果
6. 圖像流發(fā)布
點(diǎn)擊右上角「發(fā)布」，以便后續(xù)工作流調(diào)用使用
圖像流-列表：點(diǎn)擊「發(fā)布」后進(jìn)入圖像流列表頁(yè)，可以看到剛才創(chuàng)建的圖像流，如下圖：
根據(jù)用戶輸入的關(guān)鍵詞，「大模型」節(jié)點(diǎn)一次生成所有文案，包括：
封面頁(yè)：1 個(gè)主標(biāo)題，1 個(gè)副標(biāo)題，3 個(gè)插圖提示詞；
內(nèi)容頁(yè)：9 個(gè)小標(biāo)題，9 個(gè)內(nèi)容。
工作流拆解：
1. 工作流：創(chuàng)建
操作路徑：「?jìng)€(gè)人空間-工作流-創(chuàng)建工作流」，如下圖：
創(chuàng)建工作流：名稱「xhs_test」，輸入工作描述，如下圖：
點(diǎn)擊「確認(rèn)」后，進(jìn)入文本生成工作流「xhs_test」，如下圖：
輸入：刪除默認(rèn)空的變量
2. 添加「大模型」
添加后，拖到開始后面，并連接
模型：選擇「MiniMax 6.5s 245K」
點(diǎn)擊右側(cè) icon，配置模型
具體配置如下圖，調(diào)高大模型的隨機(jī)度
輸入：選參數(shù)名「input」，變量值「引用-開始 BOT_USER_INPUT」
提示詞： {{input}}，這里輸入的提示詞為系統(tǒng)提示詞
人設(shè)與回復(fù)邏輯：點(diǎn)擊右側(cè) icon，輸入人設(shè)提示詞，最終生成效果會(huì)更好
生成小紅書內(nèi)容
## 角色
你是一位資深的養(yǎng)生達(dá)人，熟悉各種養(yǎng)生知識(shí)，擅長(zhǎng)通過用戶輸入的關(guān)鍵詞，提供養(yǎng)生建議
## 任務(wù)
根據(jù)用戶輸入的關(guān)鍵詞，按照<生成規(guī)則>和<輸出規(guī)則>的要求，為用戶提供養(yǎng)生建議，一定要注意<限制要求>中的內(nèi)容
## 生成規(guī)則
1. 充分理解用戶輸入關(guān)鍵詞的意圖
2. 生成一條養(yǎng)生建議的標(biāo)題，字?jǐn)?shù)嚴(yán)格要求 9-11 個(gè)字，**標(biāo)題內(nèi)容要反認(rèn)知**，這個(gè)非常重要
3. 圍繞這個(gè)標(biāo)題，生成一個(gè)副標(biāo)題，用來解釋標(biāo)題內(nèi)容，字?jǐn)?shù)嚴(yán)格要求 15-20 個(gè)字
4. 圍繞這個(gè)標(biāo)題，生成 9 個(gè)小標(biāo)題，以序號(hào)開頭，如：“1、xxx”，每個(gè)小標(biāo)題字?jǐn)?shù)不超過 10 個(gè)字
5. 為每一個(gè)小標(biāo)題生成一段介紹內(nèi)容，字?jǐn)?shù)嚴(yán)格要求 90-160 個(gè)字，**一定要滿足字?jǐn)?shù)要求**，這個(gè)很重要。
6. 圍繞標(biāo)題內(nèi)容，生成一個(gè)聯(lián)想到的名詞，比如標(biāo)題是“假期就多去 KTV 唱歌”，聯(lián)想到的名詞就是“麥克風(fēng)”
7. 圍繞這個(gè)生成的名詞，再生成兩個(gè)關(guān)聯(lián)的名詞，比如生成名詞是“麥克風(fēng)”，關(guān)聯(lián)的名詞就是“音符”“音箱”
## 輸出規(guī)則
以 json 格式輸出，僅輸出如下內(nèi)容，不要做任何解釋。輸出格式：
[{
"title": "生成的主標(biāo)題",
"subtitle": "（生成的副標(biāo)題）",
"main_image": "聯(lián)想到的名詞",
"element_img1": "關(guān)聯(lián)的名詞 1",
"element_img2": "關(guān)聯(lián)的名詞 2",
"sub_title1": "小標(biāo)題 1",
"content1": "介紹 1",
"sub_title2": "小標(biāo)題 2",
"content2": "介紹 2",
"sub_title3": "小標(biāo)題 3",
"content3": "介紹 3",
"sub_title4": "小標(biāo)題 4",
"content4": "介紹 4"
"sub_title5": "小標(biāo)題 5",
"content5": "介紹 5"
"sub_title6": "小標(biāo)題 6",
"content6": "介紹 6"
"sub_title7": "小標(biāo)題 7",
"content7": "介紹 7"
"sub_title8": "小標(biāo)題 8",
"content8": "介紹 8"
"sub_title9": "小標(biāo)題 9",
"content9": "介紹 9"
}]
## 限制要求
- 嚴(yán)格按照<輸出規(guī)則>中的格式輸出，不要再輸出其他任何內(nèi)容，也不要使用代碼塊的方式輸出，**不要使用```這類的符號(hào)**，這個(gè)非常重要！
輸出示例：[{
"title": "建議：假期就多去 KTV 唱歌",
"subtitle": "（愛唱歌的人生活得更久，而且還能幫你減肥~
內(nèi)附 80 首 KTV 必點(diǎn)歌單，假期一起勇闖 KTV）",
"main_image": "麥克風(fēng)",
"element_img1": "音符",
"element_img2": "音箱",
"sub_title1": "1、愛唱歌的人更長(zhǎng)壽",
"content1": "美國(guó)老年學(xué)研究中心通過調(diào)查發(fā)現(xiàn)，歌劇歌唱家的心臟功能和普通人相比更加強(qiáng)活躍。
唱歌能使人長(zhǎng)壽。研究證實(shí)，唱歌是呼吸肌在特定條件下的一種運(yùn)動(dòng)，好處不亞于跑步、游泳、劃船等，所以說，經(jīng)常唱歌，能讓你活得更久哦～",
"sub_title2": "2、有節(jié)奏的體內(nèi)按摩",
"content2": "唱歌時(shí)伴隨人體橫膈膜，這種內(nèi)部的循環(huán)按摩，是任何一項(xiàng)運(yùn)動(dòng)都無法替代的。
隨著歌曲節(jié)奏慢慢的變化，唱歌的呼吸時(shí)長(zhǎng)時(shí)短、時(shí)快時(shí)慢，呼吸系統(tǒng)不斷加壓、減壓的快速變化使得呼吸系統(tǒng)的肌肉得到鍛煉，幫助按摩內(nèi)臟，激活肺腑潛能，促進(jìn)臟腑健康。",
"sub_title3": "3、唱歌能幫助減肥",
"content3": "唱歌是一項(xiàng)全身運(yùn)動(dòng)，可以鍛煉全身肌肉，間接幫助你達(dá)到減肥的效果。
調(diào)研顯示，60 公斤體重的人唱歌時(shí)熱量消耗率 2.0 千卡/分鐘，唱 2 小時(shí)消耗 240 千卡左右，唱一首歌相當(dāng)于跑 100 米，對(duì)于想要減肥又喜歡運(yùn)動(dòng)的人來說，不妨試試多唱歌～",
"sub_title4": "4、提升心理健康",
"content4": "唱歌能夠釋放內(nèi)心的壓力和焦慮，研究表明，唱歌可以促進(jìn)體內(nèi)內(nèi)啡肽的分泌，帶來愉悅感，幫助改善情緒，提升心理健康。",
"sub_title5": "5、增強(qiáng)社交能力",
"content5": "在 KTV 等場(chǎng)合唱歌可以促進(jìn)人與人之間的互動(dòng)，增強(qiáng)社交能力。共同唱歌、分享歌曲能夠拉近彼此的距離，增進(jìn)友誼。",
"sub_title6": "6、提高記憶力",
"content6": "唱歌需要記憶歌詞和旋律，這對(duì)大腦是一種鍛煉。研究發(fā)現(xiàn)，常唱歌的人在記憶和學(xué)習(xí)新事物方面表現(xiàn)更佳，能夠有效提高記憶力。",
"sub_title7": "7、改善呼吸系統(tǒng)",
"content7": "唱歌能夠增強(qiáng)肺活量，改善呼吸系統(tǒng)功能。通過唱歌時(shí)的深呼吸，有助于增加氧氣攝入，促進(jìn)身體健康。",
"sub_title8": "8、提升自信心",
"content8": "在眾人面前唱歌能夠鍛煉個(gè)人的表現(xiàn)能力，逐漸提升自信心。無論是獨(dú)唱還是合唱，都會(huì)讓你在舞臺(tái)上更加自信。",
"sub_title9": "9、豐富文化知識(shí)",
"content9": "通過唱歌可以接觸到不同的音樂風(fēng)格和文化背景，豐富個(gè)人的文化知識(shí)，增加對(duì)音樂的理解和欣賞能力。"
}]
輸入后，如下圖：
3. 添加「代碼」節(jié)點(diǎn)：格式化數(shù)據(jù)
添加「代碼」節(jié)點(diǎn)：由于大模型輸出的內(nèi)容，不能保證 100%是結(jié)構(gòu)化的數(shù)據(jù)，所以這里通過添加「代碼」節(jié)點(diǎn)處理一下，方便后邊流程調(diào)用。
連接：連接「大模型」和「代碼」兩個(gè)節(jié)點(diǎn)，如下圖：
輸入：參數(shù)名「input」，參數(shù)值「引用-大模型 output」，如下圖：
代碼：點(diǎn)擊右側(cè)按鈕「在 IDE 中編輯」
選擇「Python」語(yǔ)言
復(fù)制輸入以下代碼：
import json
import re
async def main(args: Args) -> Output:
params = args.params
# 假設(shè) params['input'] 是包含 JSON 字符串的文本
# 使用正則提取 JSON 數(shù)據(jù)
json_string_match = re.search(r'\[.*\]', params['input'], re.DOTALL)
if not json_string_match:
return {"error": "無法提取 JSON 數(shù)據(jù)"}
json_string = json_string_match.group(0)
# 解析 JSON 數(shù)據(jù)
try:
json_data = json.loads(json_string)
except json.JSONDecodeError as e:
return {"error": f"JSON decode error: {str(e)}"}
# 創(chuàng)建一個(gè)對(duì)象類型的數(shù)組
extracted_values = []
# 創(chuàng)建一個(gè)字典來存儲(chǔ)所有提取的數(shù)據(jù)
extracted_object = {
"title": json_data[0].get("title", ""),
"subtitle": json_data[0].get("subtitle", ""),
"name": json_data[0].get("name", "百歲老人系列"), # 確保提取 name
"main_img": json_data[0].get("main_image", "1 個(gè)可愛的小狗"), # 提取 main_img
"element_img1": json_data[0].get("element_img1", ""),
"element_img2": json_data[0].get("element_img2", ""),
}
# 提取子標(biāo)題和內(nèi)容并添加到字典中
for i in range(1, 10): # 假設(shè)最多有 9 個(gè)子標(biāo)題和內(nèi)容
sub_title_key = f"sub_title{i}"
content_key = f"content{i}"
extracted_object[sub_title_key] = json_data[0].get(sub_title_key, "")
extracted_object[content_key] = json_data[0].get(content_key, "")
# 將提取的對(duì)象添加到數(shù)組中
extracted_values.append(extracted_object)
ret: Output = {
"input": params['input'],
"extracted_values": extracted_values
}
return ret
輸入后效果如下：
輸出：刪除「key0、key1」
「key2」改為「extracted_values」，變量類型選擇「Array<Object>」數(shù)組，如下圖：
點(diǎn)擊右側(cè) icon「新增子項(xiàng)」23 個(gè)：
① 封面頁(yè) 5 個(gè)：1 個(gè)主標(biāo)題、1 個(gè)副標(biāo)題、3 個(gè)圖像元素；
② 內(nèi)容頁(yè) 18 個(gè)：每個(gè)內(nèi)容頁(yè)有 3 個(gè)小標(biāo)題，3 個(gè)內(nèi)容（共 9 個(gè)元素），后續(xù)要生成 3 張內(nèi)容頁(yè)，共 18 個(gè)元素；
如下圖：
4. 主副標(biāo)題：分行設(shè)置
用代碼節(jié)點(diǎn)，將「主標(biāo)題、副標(biāo)題」進(jìn)行分行，后邊調(diào)用封面圖的圖像流中使用
重命名：雙擊標(biāo)題區(qū)改名為「主標(biāo)題-副標(biāo)題分行」，如下圖：
輸入：「title」引用「代碼 - extracted_values/title」；「subtitle」引用「代碼 - extracted_values/subtitle」
代碼：點(diǎn)擊右側(cè)「在 IDE 中編輯」，進(jìn)入代碼編輯，語(yǔ)言選擇「Python」，復(fù)制粘貼輸入以下代碼：
async def main(args: Args) -> Output:
params = args.params
title = params.get('title', '')
subtitle = params.get('subtitle', '')
# 處理 title
if len(title) > 7:
title1 = title[:7]
title2 = title[7:]
else:
title1 = title
title2 = ''
# 處理 subtitle
if len(subtitle) > 20:
subtitle1 = subtitle[:20]
subtitle2 = subtitle[20:]
else:
subtitle1 = subtitle
subtitle2 = ''
ret: Output = {
'title1': title1,
'title2': title2,
'subtitle1': subtitle1,
'subtitle2': subtitle2,
}
return ret
輸出：配置以下內(nèi)容
5. 圖像流調(diào)用：生成封面頁(yè)、內(nèi)容頁(yè)
添加圖像流：添加上面已經(jīng)創(chuàng)建好的 2 個(gè)圖像流「xhs_cover_page、xhs_content_page」，如下圖：
① 封面頁(yè)-圖像流
連接：連接「主標(biāo)題-副標(biāo)題分行」代碼節(jié)點(diǎn)、「xhs_cover_page」圖像流節(jié)點(diǎn)，如下圖：
輸入：主副標(biāo)題分行的 4 個(gè)參數(shù)，引用「代碼-主標(biāo)題-副標(biāo)題分行」里的對(duì)應(yīng)內(nèi)容，如下圖：
輸入：img 圖片 3 個(gè)參數(shù)，引用-代碼「main_image、element_img1、element_img2」，如下圖：
最終輸入效果，最后「name」選擇「輸入-@小紅書名稱」
② 內(nèi)容頁(yè)-圖像流
復(fù)制創(chuàng)建：每個(gè)圖像流可生成 1 個(gè)內(nèi)容頁(yè)，我們要生成 3 個(gè)內(nèi)容頁(yè)，在「xhs_content_page」基礎(chǔ)上，再?gòu)?fù)制 2 個(gè)圖像流，共 3 個(gè)內(nèi)容頁(yè)圖像流，分別命名如下圖：
連接：將「代碼」節(jié)點(diǎn)與 3 個(gè)「內(nèi)容頁(yè)圖像流」節(jié)點(diǎn)進(jìn)行連接，如下圖：
輸入：每個(gè)內(nèi)容頁(yè)展示 1 個(gè)標(biāo)題，3 個(gè)小標(biāo)題，3 個(gè)內(nèi)容，1 個(gè)小紅書名稱，所以按順序依次「引用」對(duì)應(yīng)信息，第一頁(yè)，參數(shù)值引用代碼「1-3」，如下圖：
第二頁(yè)，參數(shù)值引用代碼「4-6」，如下圖：
第三頁(yè)，參數(shù)值引用代碼「7-9」，如下圖：
目前工作流完整效果，如下圖：
6. 圖像流輸出：4 頁(yè)圖
通過添加「代碼」節(jié)點(diǎn)，將 4 個(gè)圖像流中的圖片匯總，為之后卡片調(diào)用做準(zhǔn)備
代碼命名為「代碼_1」
輸入：引用對(duì)應(yīng)圖像流，如下圖：
代碼：點(diǎn)擊按鈕，進(jìn)入代碼編輯頁(yè)
語(yǔ)言選擇「Python」，輸入以下代碼：
async def main(args: Args) -> Output:
params = args.params
cover_page = params.get("cover_page", "")
content_page1 = params.get("content_page1", "")
content_page2 = params.get("content_page2", "")
content_page3 = params.get("content_page3", "")
# 創(chuàng)建 pages 對(duì)象
pages = [
{"image": cover_page},
{"image": content_page1},
{"image": content_page2},
{"image": content_page3}
]
ret: Output = {
"pages": pages
}
return ret
輸出：刪除多余變量，主變量名改為「pages」，變量類型選「Array<Object>」，子變量名改為「image」，變量類型選「String」，如下圖：
7. 結(jié)束
連接「代碼_1」和「結(jié)束」節(jié)點(diǎn)。
輸出變量：參數(shù)名引用對(duì)內(nèi)容
這里一定要新增「pages」參數(shù)，并引用「代碼_1」，如未添加引用，卡片將無法調(diào)用。
回答內(nèi)容：輸入以下內(nèi)容
8. 試運(yùn)行
點(diǎn)擊右上角「試運(yùn)行」，輸入關(guān)鍵詞，點(diǎn)擊「運(yùn)行」
成功運(yùn)行效果
9. 工作流發(fā)布
運(yùn)行成功沒有問題后，點(diǎn)擊「發(fā)布」，便于后續(xù)調(diào)用
發(fā)布成功后，會(huì)出現(xiàn)在工作流列表里，如下圖：
我們最后想生成下圖的效果，「左右橫滑」的樣式，還有「標(biāo)題、簡(jiǎn)介」，需要通過添加綁定卡片來實(shí)現(xiàn)。
卡片拆解：
1. 卡片創(chuàng)建
操作路徑如下「?jìng)€(gè)人空間-卡片-創(chuàng)建卡片」
點(diǎn)擊創(chuàng)建卡片，進(jìn)入下圖
2. 卡片編輯
① 組件搭建
布局組件：點(diǎn)擊「橫滑布局」，中間區(qū)域?qū)?yīng)添加展示，如下圖：
基礎(chǔ)組件：點(diǎn)擊「標(biāo)題」添加
基礎(chǔ)組件：點(diǎn)擊「文本」添加
視圖模式：點(diǎn)擊切換為「手機(jī)端」，如下圖：
基礎(chǔ)組件：點(diǎn)擊「圖片」，中間默認(rèn)色塊展示為圖片默認(rèn)效果，如下圖：
基礎(chǔ)組件：圖片-基礎(chǔ)配置
- 數(shù)據(jù)：資源選擇「image」；
- 樣式：模式選擇「寬度鋪面」，裁剪開關(guān)打開，裁剪比例選擇「3:4」，裁剪模式選擇「填充縮放」；
- 操作：點(diǎn)擊事件開關(guān)打開，選擇「查看原圖」。
② 結(jié)構(gòu)編輯
Title3：基礎(chǔ)配置
數(shù)據(jù)-內(nèi)容：輸入成功后的提示信息，如下圖：
Text2：基礎(chǔ)配置
數(shù)據(jù)-內(nèi)容：輸入該工作流的簡(jiǎn)介，其他配置使用默認(rèn)即可，也可以根據(jù)自己需要配置修改
數(shù)據(jù)-操作：為方便查看者聯(lián)系我們，可設(shè)置「點(diǎn)擊事件」開關(guān)打開，選擇「打開 URL」，輸入自己小紅書 URL
ScrollLayout3：基礎(chǔ)配置
數(shù)據(jù)：切換為「動(dòng)態(tài)格數(shù)」
綁定數(shù)組類型變量：如未創(chuàng)建變量，下拉框無數(shù)據(jù)，需要新建
新建變量：左上角選擇「變量」，點(diǎn)擊「新建變量」
編輯變量：進(jìn)入新建變量頁(yè)面，輸入必填項(xiàng)，點(diǎn)擊確定，如下圖：
變量默認(rèn)值：復(fù)制輸入以下內(nèi)容
[
{
"image" : "https://www.baidu.com"
},
{
"image" : "https://www.baidu.com"
}
]
數(shù)據(jù)：路徑「卡片-結(jié)構(gòu)-基礎(chǔ)配置-數(shù)據(jù)-動(dòng)態(tài)格數(shù)」，綁定數(shù)組類型變量，選擇剛才新建的變量「圖片列表」
③ 卡片命名
輸入名稱，點(diǎn)擊「確認(rèn)」
3. 卡片發(fā)布
右上角點(diǎn)擊「發(fā)布」
發(fā)布：編輯，輸入「版本號(hào)」，卡片選擇「豆包」，如下圖：
點(diǎn)擊「確定」后，回到卡片列表可看到，如下圖：
Bot 拆解：
1. Bot 創(chuàng)建
操作路徑：「?jìng)€(gè)人空間-Bots-創(chuàng)建 Bot」
創(chuàng)建 Bot：輸入必填項(xiàng)
點(diǎn)擊「確認(rèn)」后，進(jìn)入 Bot 工作界面，如下圖：
2. 工作流添加
編排：模式切換為「單 Agent（LLM 模式）」，如下圖：
切換模式后，出現(xiàn)下圖，待添加工作流界面
「點(diǎn)擊添加工作流」進(jìn)入選擇工作流對(duì)話框，選擇我們創(chuàng)建的工作流「xhs_text」，如下圖：
添加完成效果，如下圖：
3. 開場(chǎng)白編輯
添加「開場(chǎng)白」會(huì)在右側(cè)界面默認(rèn)展示，如下圖：
開場(chǎng)白：輸入自己想展示的信息
4. 背景圖片添加
我們想要背景美觀些，可以添加一張背景圖片，像下圖這樣：
背景圖片：添加流程
上次圖片
上傳成功后，下圖右側(cè)展示效果
5. 卡片綁定
輸入內(nèi)容，輸出的內(nèi)容是縱向的，縱向的無法顯示完整的信息
我們想要的是下圖這樣，通過綁定上面創(chuàng)建的卡片實(shí)現(xiàn)
工作流配置：點(diǎn)擊「綁定卡片數(shù)據(jù)」，如下圖：
點(diǎn)擊「綁定卡片」，進(jìn)入「Bot 回復(fù)卡片配置」對(duì)話框，卡片樣式選擇「我的卡片」，選中我們創(chuàng)建的卡片，如下圖：
為卡片綁定數(shù)據(jù)源：配置內(nèi)容如下：
綁定完成后，再輸入信息，展示的就是橫向的圖片，如下圖：
6. Bot 完成
發(fā)布后，別人也可以查看使用我們創(chuàng)建的 Bot，如不發(fā)布，僅自己可查看使用~
發(fā)布成功后，會(huì)在 Bot 列表里出現(xiàn)
Coze 生文可以，整體生圖效果不理想，可以通過自定義插件或使用 Flux 來生圖效果會(huì)好。歡迎留言交流，一起學(xué)習(xí)~
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
熱評(píng) 毛楚豫