利用 Gemini + Zeabur 做一個公司官網（一人AI公司日記Day4）
整理版優先睇
一人公司用 Gemini + Zeabur 快速搭建官網，分享提示詞同部署流程
呢篇文章係「一人AI公司日記」嘅第四日。作者自己搞 Silk AI Studio，之前整咗知識庫，今次目標係整公司官網。佢想解決嘅問題係：喺冇設計師、前端、運維嘅情況下，點樣最慳成本同時間去推出一個靚仔官網。
作者揀咗 Gemini 寫代碼、Zeabur 做部署。佢用自然語言描述需求，Gemini 生成高質量前端代碼，然後直接放上 Zeabur，幾乎一鍵完成部署，自動搞掂域名同 SSL。呢套組合拳將「從想法到上線」嘅鏈路壓縮到最短，好適合超級個體或初創團隊。
文章詳細分享咗佢用嘅提示詞，包括公司資訊、設計風格要求，仲有後續微調嘅過程（例如將點擊電話跳轉改為彈窗顯示聯絡方式）。最後部署步驟好簡單，上傳本地項目就得。作者嘅核心觀點係：一人公司唔係一個人做曬所有嘢，而係一個人識得用最好嘅 AI 工具嚟幫自己做事。當技術門檻降低，競爭力反而係審美、洞察力同對世界嘅獨特理解。
- Gemini + Zeabur 可以快速低成本搭建公司官網，適合一人公司。
- 用自然語言提示詞讓 Gemini 生成前端代碼，再用 Zeabur 一鍵部署。
- 唔使另外請設計師同運維，一個人加 AI 就搞掂，效率極高。
- 一人公司本質係「一個人調用最強 AI」，而唔係一個人死做。
- 你可以跟住佢嘅提示詞同部署步驟，自己試下整官網。
公司官網提示詞
包含公司名稱、聯絡方式、主營業務、成立時間、核心平台、主色、Logo、設計風格（蘋果風格、響應式、動畫、中英文切換、深淺色模式）等完整提示詞。
Zeabur
面向開發者嘅服務部署平台，無需 Docker 配置，一鍵部署，自動配置域名同 SSL。
Gemini
Google 嘅 AI 模型，長窗口同代碼理解能力強，適合生成前端代碼。
Silk AI Studio 官網
最終部署成果展示。
前言：一人公司需要一個家
今日係「一人AI公司日記」嘅第四日。作者之前整咗知識庫，而家要畀 Silk AI Studio 安一個家——搭建公司官網。以前整官網要前端、UI設計師，甚至運維，但喺 AI 時代，呢啲可能只係一個人、一杯咖啡、一段提示詞就搞掂。
作者揀咗Gemini + Zeabur呢個組合，因為佢哋可以將「從想法到上線」嘅鏈路壓縮到最短。
技術棧：點解係 Gemini 同 Zeabur？
對於超級個體或初創團隊嚟講，效率同成本係首先要諗嘅問題。Gemini 作為 Google 嘅當家大模型，長窗口同代碼理解能力極強，用自然語言描述需求就能迅速生成高質量前端代碼。
Zeabur 係一個面向開發者嘅部署平台，唔使煩 Docker 配置，將 Gemini 寫好嘅代碼丟上去，幾乎一鍵上線，自動整好域名同 SSL 證書。呢套組合拳好適合一人公司。
核心流程：從提示詞到上線
作者精心打磨咗一段提示詞，包含公司資訊同設計風格要求。以下係完整提示詞：
幫我生成一個公司官網網頁。公司信息如下：
1.公司名稱：Silk AI Studio
2.公司聯繫方式：電話：+86 18022100923 微信：11836139793
3.公司三大主營業務：AI智能體開發、AI數字人定製和Vibe Coding應用製作。
4.公司成立時間：2025年11月
5.公司三大核心平台：自研智能體開發平台、ai驅動數字人平台、Vibe Coding應用解決方案平台。
6.公司主體顏色為rgb(241, 235, 226)
7.公司logo的圖片為：https://drive.google.com/file/d/1lsxRhWkSJOexGgKJtGJq2cwgPy32TdJW/view?usp=sharing
網頁技術要求和風格如下：
1.避免使用emoji作為主要圖標
2.在不同的移動端有優秀的交互體驗
3.整體風格參考蘋果官網的簡約設計
4.使用清晰的視覺層級結構，突出重要內容
5.頁面滾動時有平滑過渡效果
6.按鈕懸停時有輕微放大和顏色變化
7.內容區塊加載時有優雅的淡入動畫
8.加入中英文切換同埋深淺色模式切換功能，默認跟隨系統設置得到初步 Demo 之後，作者針對Hero 區域進行微調，同時發現當用戶點擊「立即諮詢」按鈕時會直接跳轉打電話，唔符合預期。於是透過 Gemini 嘅Annotate App 功能，令網頁彈出一個模態框（彈窗），允許用戶選擇複製電話號碼或複製微信號。
跟住作者繼續調整「關於我們」同「核心平台」板塊，最終得到滿意結果。然後就進入部署環節。部署步驟如下：
- 1 確認前端網頁以 index.html 命名，因為 Zeabur 會自動根據呢個文件名部署。
- 2 打開 Zeabur 官網，登錄並創建一個項目。
- 3 喺彈出窗口中選擇上傳本地項目。
- 4 點擊「部署」。
- 5 點擊「Add Domain」，然後喺公網訪問中嘅生成域名輸入自定義名字。
- 6 等待 90 到 120 秒就完成公網部署，網址係 silkai.zeabur.app。
結語：技術唔係門檻，審美同洞察力先係
Silk AI Studio 嘅官網已經喺 Zeabur 上跑起咗，作者話呢個係未來的起點。佢強調：一人公司嘅本質，唔係一個人做曬所有嘢，而係一個人調用全世界最強嘅 AI 為自己幹事。
Day 4，家已建成。明天繼續出發。
前言
今日係「一人AI公司」日記嘅第四日。
前幾日我哋搭建咗基本嘅知識庫。今日，我哋要畀 Silk AI Studio 安一個「家」——起好公司官網。
以前，起一個官網可能需要一個前端、一個UI設計師，甚至仲要再揾個維運配置伺服器。但係喺AI時代，尤其係喺「Vibe Coding」嘅時代，呢啲可能只係一個人、一杯咖啡、一段提示詞就搞得掂嘅事。
我嘅技術棧選擇簡單高效：Gemini 負責寫程式碼，Zeabur 負責部署。
點解係 Gemini + Zeabur？
對於超級個體或者初創團隊嚟講，效率和成本係首先要諗嘅問題。
Gemini🔗：aistudio.google.com
作為谷歌嘅當家大模型，佢嘅長窗口同代碼理解能力極之強。透過自然語言描述需求，佢可以好快咁生成高質素嘅前端程式碼。
Zeabur🔗：zeabur.cn
呢個係一個面向開發者嘅服務部署平台。唔需要繁複嘅Docker配置，將Gemini寫好嘅程式碼掟上去，幾乎係一鍵上線，自動配置網域同SSL證書。
呢套組合拳可以將「從諗法到上線」嘅鏈路壓縮到最短。
核心流程
為咗生成Silk AI Studio嘅官網，我精心打磨咗一段提示詞，包含功能設計同UI設計等等。
提示詞如下：
公司官網提示詞：
幫我生成一個公司官網網頁。
公司信息如下：
1.公司名稱：Silk AI Studio
2.公司聯繫方式：
電話：+86 18022100923
微信：1183613979
3.公司三大主營業務：AI智能體開發、AI數字人定製和Vibe Coding應用製作。
4.公司成立時間：2025年11月
5.公司三大核心平台：
自研智能體開發平台、ai驅動數字人平台、Vibe Coding應用解決方案平台。
6.公司主體顏色為rgb(241, 235, 226)
7.公司logo的圖片為：https://drive.google.com/file/d/1lsxRhWkSJOexGgKJtGJq2cwgPy32TdJW/view?usp=sharing
網頁技術要求和風格如下：
1.避免使用emoji作為主要圖標
2.在不同的移動端有優秀的交互體驗
3.整體風格參考蘋果官網的簡約設計
4.使用清晰的視覺層級結構，突出重要內容
5.頁面滾動時有平滑過渡效果
6.按鈕懸停時有輕微放大和顏色變化
7.內容區塊加載時有優雅的淡入動畫
8.加入中英文切換以及深淺色模式切換功能，默認跟隨系統設置得到初步嘅demo之後，我針對Hero區域進行咗微調，同時發現咗當用戶點擊「立即諮詢」掣時，網頁會直接跳轉打電話，唔符合我預期嘅想法，於是我透過Gemini嘅「Annotate App」功能，令網頁彈出一個模態框（彈窗），允許用戶選擇
結語
Silk AI Studio嘅官網已經喺Zeabur上跑起咗，我哋正企喺未來嘅起點上。
一人公司嘅本質，唔係一個人做曬所有嘢，而係一個人調用全世界最強嘅AI為自己做事。
當技術唔再係門檻，唯有你嘅審美、你嘅洞察力，同你對呢個世界獨特嘅理解，先係不可複製嘅核心競爭力。
Day 4，家已起好。聽日，我哋繼續出發。
以上係今期嘅全部內容，睇到呢度，如果覺得唔錯，順手畀個讚、睇、轉發三連，如果想第一時間收到Silk.AI工作室嘅推送，亦可以畀我一個關注同星標⭐～多謝你睇我嘅文章，See you next time！
前言
今天是“一人AI公司”日記的第四天。
前幾天我們搭建了基本的知識庫。今天，我們要給 Silk AI Studio 安一個“家”——搭建公司官網。
在過去，搭建一個官網可能需要一個前端、一個UI設計師，甚至還得再來個運維配置服務器。但在AI時代，尤其是在 “Vibe Coding” 的時代，這可能只是一個人、一杯咖啡、一段提示詞就能搞定的事情。
我的技術棧選擇簡單高效：Gemini 負責寫代碼，Zeabur 負責部署。
為什麼是 Gemini + Zeabur？
對於超級個體或初創團隊來說，效率和成本是首先要考慮的問題。
Gemini🔗：aistudio.google.com
作為谷歌的當家大模型，它的長窗口和代碼理解能力極強。通過自然語言描述需求，它能迅速生成高質量的前端代碼。
Zeabur🔗：zeabur.cn
這是一個面向開發者的服務部署平台。不需要繁瑣的 Docker 配置，把 Gemini 寫好的代碼丟上去，幾乎是一鍵上線，自動配置域名和 SSL 證書。
這套組合拳可以把“從想法到上線”的鏈路壓縮到最短。
核心流程
為了生成 Silk AI Studio 的官網，我精心打磨了一段提示詞，包含功能設計和UI設計等等。
提示詞如下：
公司官網提示詞：
幫我生成一個公司官網網頁。
公司信息如下：
1.公司名稱：Silk AI Studio
2.公司聯繫方式：
電話：+86 18022100923
微信：1183613979
3.公司三大主營業務：AI智能體開發、AI數字人定製和Vibe Coding應用製作。
4.公司成立時間：2025年11月
5.公司三大核心平台：
自研智能體開發平台、ai驅動數字人平台、Vibe Coding應用解決方案平台。
6.公司主體顏色為rgb(241, 235, 226)
7.公司logo的圖片為：https://drive.google.com/file/d/1lsxRhWkSJOexGgKJtGJq2cwgPy32TdJW/view?usp=sharing
網頁技術要求和風格如下：
1.避免使用emoji作為主要圖標
2.在不同的移動端有優秀的交互體驗
3.整體風格參考蘋果官網的簡約設計
4.使用清晰的視覺層級結構，突出重要內容
5.頁面滾動時有平滑過渡效果
6.按鈕懸停時有輕微放大和顏色變化
7.內容區塊加載時有優雅的淡入動畫
8.加入中英文切換以及深淺色模式切換功能，默認跟隨系統設置得到初步的demo之後，我針對Hero 區域進行了微調，同時發現了當用戶點擊“立即諮詢”按鈕時，網頁會直接跳轉撥打電話，不符合我的預期想法，於是我通過Gemini的“Annotate App”功能，讓網頁彈出一個模態框（彈窗），允許用戶選擇
結語
Silk AI Studio 的官網已經在 Zeabur 上跑起來了，我們正站在未來的起點上。
一人公司的本質，不是一個人幹所有事，而是一個人調用全世界最強的ai為自己幹事。
當技術不再是門檻，唯有你的審美、你的洞察力，以及你對這個世界獨特的理解，才是不可複製的核心競爭力。
Day 4，家已建成。明天，我們繼續出發。
以上就是本期的全部內容了，看到這裏了，如果覺得不錯，隨手點個贊，在看，轉發三連，如果想第一時間收到Silk.AI工作室的推送，也可以給我個關注和星標⭐～謝謝你看我的文章，See you next time！