拒絕被收割!Codex技法全公開!!|靖哥教你做

作者:靖哥教你做
日期:2026年5月29日 上午10:11
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

靖哥公開 Codex 實戰流程,拒絕信息差,教你用 AI 設計網站

整理版摘要

呢篇文章係由設計師靖哥所寫,佢眼見有人將 Codex 技法收收埋埋,想收割設計師,所以佢決定公開自己嘅實戰經驗。文章嘅核心係示範點樣用 Codex 配合 PinterestLovart 呢啲工具,由零開始設計一個音樂 AI 網站。靖哥嘅結論係:AI 係用嚟提升效率,唔係製造焦慮,只要掌握正確方法,任何人都可以自己整到網站。

靖哥先用 Pinterest 搜尋「website Design」揾靈感,揀啱心水嘅網頁設計之後,將圖片保存落嚟,再用 Lovart 編輯文字同圖像,甚至加動畫。佢特別提醒,所有編輯好嘅檔案一定要放喺同一個文件夾,方便之後上傳同整理。最後一步就係開 Codex,揀返個本地文件夾,將需求連同圖片、影片等素材一併 upload,講清楚想要乜嘢效果,Codex 就會自動生成網站。

呢個流程唔單止適用於音樂網站,任何類型嘅網站設計都可以照辦煮碗。靖哥強調,最緊要係打破信息差,等更多人可以善用 AI 工具。佢仲透露,佢嘅 AIGC 課程已經更新咗 Codex 相關內容,有興趣可以報名學得深入啲。

  • 靖哥公開 Codex 實戰流程,反信息差,令設計師唔使俾人收割。
  • 核心方法Pinterest 揾靈感 → Lovart 編輯圖片 → Codex 生成網站,一步到位。
  • 所有素材必須放喺同一個文件夾,否則後期整理好麻煩。
  • Lovart 可用星流 AI 或 Libtv 代替,靈活度高。
  • Codex 需求講得愈清楚,生成效果就愈好,實戰係最佳學習方式。
值得記低
連結 music0001.netlify.app

靖哥音樂 AI 網站設計示例

靖哥用 Codex 實戰整嘅音樂 AI 網站,可以參考設計效果。

整理重點

公開 Codex 技法,拒絕信息差

靖哥覺得 AI 係嚟提升設計師工作效率,唔係製造焦慮同信息差

唔少人將 Codex 技法收收埋埋,諗住收割設計師。靖哥決定公開曬成個流程,等大家唔使俾人當韭菜。

整理重點

實戰案例:音樂 AI 網站設計流程

靖哥用一個音樂 AI 網站做例子,示範由頭到尾點樣用 Codex。首先去 Pinterest 揀設計靈感。

Pinterest 搜尋「website Design」,揀自己鍾意嘅風格同類型

儲存圖片之後,用 Lovart 編輯文字同圖像,仲可以加動畫效果。如果冇 Lovart,可以用星流 AI 或者 Libtv 代替。

編輯好嘅文字同圖片一定要放喺同一個文件夾

  1. 1 Pinterest 搜尋「website Design」揾靈感。
  2. 2 儲存鍾意嘅網頁圖片到電腦。
  3. 3 Lovart 編輯圖片文字,整動畫。
  4. 4 所有檔案放入同一個文件夾。
  5. 5 打開 Codex,揀文件夾,upload 需求同素材。

Codex 只要需求講清楚,就可以自動生成網站

整理重點

Codex 使用要點同小貼士

成個流程其實好簡單,但係有幾個關鍵位要注意。第一,文件夾管理好重要,唔好亂放。

所有素材要統一放喺一個文件夾,方便 Codex 讀取同上傳

第二,需求要講得夠清楚,最好連參考圖片同影片都放埋入去,咁生成效果會更貼近你想像。

需求愈詳細,Codex 輸出就愈準確

  • Pinterest 可以揾到好多免費設計靈感。
  • Lovart 編輯功能強大,但冇嘅話可以用星流 AI。
  • Codex 本地文件夾要擺啱位置,否則會 upload 失敗。
有些人將Codex技法收埋收埋,準備收割大家。靖哥覺得AI係嚟提升我哋設計師嘅工作效率,唔係製造資訊差距,製造焦慮,用嚟收割嘅。

大家一定要理性看待AI,唔好成為人哋嘅韭菜。接下來就跟住靖哥下面條片,一齊嚟學Codex,一齊全面掌握Codex嘅用法同技法啦!

大家可以複製呢個網址https://music0001.netlify.app/去瀏覽器度,就可以見到靖哥創作嘅音樂AI設計網站啦!

圖片

今次靖哥用一個實戰案例「音樂AI網站」設計,去全面帶住大家掌握Codex嘅技法。

上次有同大家推薦四個AI網頁設計嘅網站Codex設計師AI個人作品集,其實都係喺呢度得到㗎!|靖哥教你做  

如果仲有唔知嘅同學可以㩒上方條連結去學下㗎,今次AI網站設計創作係用第四種Pinterest嘅方法嚟整網站。

首先,喺Pinterest入面直接搜尋「website Design」,揾到自己鍾意嘅網頁,例如風格、類型等。

圖片

其次將你鍾意嘅網頁圖片儲存,放去Lovart度編輯,例如編輯文字同圖像,以及製作想要嘅動畫。如果大家冇Lovart,都可以用國內嘅平替例如星流AI或者Libtv等
圖片
圖片
圖片
圖片

接着,將編輯好嘅文字儲存到一個文件夾入面,呢個好重要。整網頁設計嘅時候,一定要將所有文件放喺同一個文件夾入面,如果唔係後期整理上傳等都會好麻煩。
圖片

最後,開Codex,確定本地文件夾,將你嘅需求同埋圖片、影片等素材上傳上去,需求講清楚,餘低嘅就可以交畀Codex進行創作啦。

圖片
圖片

以上就係靖哥用Codex進行AI音樂網站設計嘅成個流程。收藏起嚟!接下來大家開始自己嘅Codex AI網站設計啦!

課程推薦:

全新靖哥獨家AIGC商業設計應用課程
靖哥獨家AIGC系統課程已經更新好咗Codex課程,AI動畫+一鍵品牌VI+LOGO設計+影片+角色IP!想系統學習AIGC嘅同學可以報名學習!!

圖片

圖片

 圖片

原創設計教程 · 靖哥每星期一更


圖片

多謝你嘅閲讀支持 · 歡迎留言互動

------------------------------------------

一些人把Codex技法藏着掖着,準備收割大家。靖哥覺得AI是來提升我們設計師的工作效率的,不是製造信息差,製造焦慮,去收割的。

大家一定要理性看待AI,不要成為別人的韭菜。接下來就跟着靖哥下面的視頻,一起來學習Codex,一起全面掌握Codex使用和技法吧!

大家可以複製這個網址https://music0001.netlify.app/到瀏覽器中,就可以看到靖哥創作的音樂AI設計網站啦!

圖片

這次靖哥用一個實戰的案例“音樂AI網站”設計,去全面帶着大家掌握Codex的技法。

上次有給大家推薦四個AI網頁設計的網站Codex設計師AI個人作品集,其實都是在這獲得的!|靖哥教你做  

如果還有不知道的同學可以點擊連結上方的連結學習一下呢,這次AI網站設計創作用的是第四種Pinterest的方法進行網站製作。

首先,在Pinterest中直接搜索“website Design”找到自己喜歡的網頁,比如風格、類型等。

圖片

其次,將你喜歡的網頁圖片保存,放到Lovart進行編輯,比如編輯文字和圖像以及製作想要的動畫。如果大家沒有Lovart,也可以用國內的平替比如星流AI或者Libtv等
圖片
圖片
圖片
圖片

接着,將編輯好的文字保存到一個文件夾中,這個很重要。製作網頁設計的時候,一定要把所有的文件都要放在同一個文件夾中,不然後期整理上傳等都會非常的麻煩。
圖片

最後,打開Codex,確定要本地文件夾,將你的需求以及圖片,視頻等素材上傳上去,需求說清楚,剩下的就可以交給Codex進行創作啦。

圖片
圖片

以上就是靖哥在用Codex進行AI音樂網站設計的全流程。收藏起來!接下來大家開始自己的Codex AI網站設計吧!

課程推薦:

全新靖哥獨家AIGC商業設計應用課程
靖哥獨家AIGC系統課程已經更新完成Codex課程,AI動畫+一鍵品牌VI+LOGO設計+視頻+角色IP!想要系統學習AIGC的童鞋可以報名學習!!

圖片

圖片

 圖片

原創設計教程  · 靖哥每週一更


圖片

感謝你的閲讀支持 · 歡迎留言互動

------------------------------------------