用 Craft 創想

個人部落格

建立一個功能齊全的部落格,包含標籤、封存和搜尋功能,並在 Craft 中管理和編輯你的文章。

個人部落格個人部落格

自己動手打造

在這個例子中,我們將使用 Craft 來管理個人部落格,並使用 Lovable 將其轉變為一個具有文章、標籤和搜尋功能的精美個人網站。

步驟 1建立你的文件

我們的部落格文章保存在一個合集中:我們使用合集欄位來管理標籤、發布日期和發布狀態。每篇部落格文章的內容都是合集項目的內容——這樣你就可以使用 Craft 強大的編輯器來撰寫和潤飾你的部落格文章。

使用範本為你的部落格建立一個新的文件,其中包含一些範例文章:

步驟 2啟用 API 存取

為你的文件啟用 API 存取,以取得可用於讀取和新增文件的唯一 URL。

步驟 1

開啟「創想」分頁

步驟 2

點選「新增你的第一個 API 連線」

步驟 3

為你的 API 連線設定名稱。 在這個專案中,API 只需要讀取你的文件。將 API 權限設定為僅「讀取」。

步驟 4

點擊「新增文件」並選擇你的 Personal Blog 文件。

步驟 5

用於與文件互動的 API URL 現在顯示在頂部

步驟 6

點擊「下載 AI 套件」按鈕。這會下載一個資料夾,其中包含 API 說明文件和你的文件內容。
請記住,文件中的所有文章都可以從公開 API 載入——合集中的「已發佈」欄位將控制哪些文章顯示在網站上,但未發佈的文章也可以被存取。

步驟 3以 Lovable 為基礎

現在讓我們開始建立 Lovable 部落格的實際網站。對於上面顯示的範例網站,我們使用了以下提示:

我希望你能建立我的個人部落格。

資訊儲存於 Craft 中。請查看附件,以了解我的 Craft 文件的當前狀態範例,以及用於取得我的部落格文章的 API 資訊。請仔細閱讀 API 文件並遵循其說明。

我想要:
- 一個首頁,顯示最新的 3 篇文章及其日期和簡介,然後是指向封存頁面的連結
- 一個以表格形式列出所有已發布文章及其日期的封存頁面
- 每篇文章都有一個專屬頁面,底部有上一篇/下一篇的導覽
- 一個顯示所有帶有特定標籤文章的頁面
- 也應該有搜尋功能
每篇文章都有一個已發佈屬性。僅顯示設定為 true 的文章。

我想要一個簡潔現代的設計,注重細節,感覺精心打造。它應該精緻而不浮誇,擁有出色的現代字體和充足的留白。

前往Lovable並將提示貼到提示框中。請務必附上我們剛剛下載的文件 AI Bundle。

Lovable 開始工作,分析 bundle 的內容,了解文件結構以及如何使用 API。然後,它開始根據我們的提示建立網站。

現在我們有一個精美的部落格,可以顯示我們的文章並支援搜尋和標籤功能!

更多想法供你嘗試

返回展示區