即時示範
以下範例展示了 Craft 文件和使用 Lovable 建立的部落格的樣子:
展示版已停用寫入操作
使用 Craft和Lovable 打造
自己動手打造
在這個例子中,我們將使用 Craft 來管理個人部落格,並使用 Lovable 將其轉變為一個具有文章、標籤和搜尋功能的精美個人網站。
步驟 1 — 建立你的文件
我們的部落格文章保存在一個合集中:我們使用合集欄位來管理標籤、發布日期和發布狀態。每篇部落格文章的內容都是合集項目的內容——這樣你就可以使用 Craft 強大的編輯器來撰寫和潤飾你的部落格文章。
使用範本為你的部落格建立一個新的文件,其中包含一些範例文章:
步驟 2 — 啟用 API 存取
為你的文件啟用 API 存取,以取得可用於讀取和新增文件的唯一 URL。
步驟 1
步驟 2
步驟 3
步驟 4
步驟 5
步驟 6
步驟 3 — 以 Lovable 為基礎
現在讓我們開始建立 Lovable 部落格的實際網站。對於上面顯示的範例網站,我們使用了以下提示:
我希望你能建立我的個人部落格。
資訊儲存於 Craft 中。請查看附件,以了解我的 Craft 文件的當前狀態範例,以及用於取得我的部落格文章的 API 資訊。請仔細閱讀 API 文件並遵循其說明。
我想要:
- 一個首頁,顯示最新的 3 篇文章及其日期和簡介,然後是指向封存頁面的連結
- 一個以表格形式列出所有已發布文章及其日期的封存頁面
- 每篇文章都有一個專屬頁面,底部有上一篇/下一篇的導覽
- 一個顯示所有帶有特定標籤文章的頁面
- 也應該有搜尋功能
每篇文章都有一個已發佈屬性。僅顯示設定為 true 的文章。
我想要一個簡潔現代的設計,注重細節,感覺精心打造。它應該精緻而不浮誇,擁有出色的現代字體和充足的留白。
前往Lovable並將提示貼到提示框中。請務必附上我們剛剛下載的文件 AI Bundle。
Lovable 開始工作,分析 bundle 的內容,了解文件結構以及如何使用 API。然後,它開始根據我們的提示建立網站。
現在我們有一個精美的部落格,可以顯示我們的文章並支援搜尋和標籤功能!








